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} />