npm.io
4.0.5 • Published 2 months ago

@paprika/data-header

Licence
MIT
Version
4.0.5
Deps
13
Size
24 kB
Vulns
0
Weekly
0
Stars
55
SummaryDependencyVersions

@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