@paprika/data-header

Description

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

Installation

yarn add @paprika/data-header

or with npm:

npm install @paprika/data-header

Props

DataHeader

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

DataHeader

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

Links

• Storybook Showcase
• GitHub source code
• Create GitHub issue
• CHANGELOG