@paprika/data-header

@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