@paprika/data-header
Advanced tools
Data header package is a set of components that help the Table and DataGrid to enhance the cell property to display different header types in a ease manner
Data header package is a set of components that help the Table and DataGrid to enhance the cell property to display different header types in a ease manner
yarn add @paprika/data-header
or with npm:
npm install @paprika/data-header
| Prop | Type | required | default | Description |
|---|---|---|---|---|
| backgroundColor | string | false | null | |
| color | string | false | null | |
| label | [func,string] | true | - | |
| renderActions | func | false | null | |
| type | [ types.type.TEXT, types.type.NUMERIC, types.type.DATE, types.type.DATE_TIME, types.type.TIME] | false | null | |
| icons | object | false | null |
The <DataHeader /> component helps consumer to deal with header with the <Table /> and <DataGrid /> components.
With this component you have access to three major features: render Label via a string or function, render an action button/menu at the right side of the header or render an icon type
before the label.
The component looks like:
<DataHeader label={string|function} type={:string} renderActions={:function} />
FAQs
Data header package is a set of components that help the Table and DataGrid to enhance the cell property to display different header types in a ease manner
The npm package @paprika/data-header receives a total of 35 weekly downloads. As such, @paprika/data-header popularity was classified as not popular.
We found that @paprika/data-header demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.