c5s4-ui-lib

small typescript library


License
MIT
Install
npm install c5s4-ui-lib@0.0.3

Documentation

C5S4-UI-Lib

CircleCI codecov GitHub repo file or directory count GitHub License GitHub package.json version

This is tiny Typescript package with the following components:

Components in Library

Select

Checkbox

CodeCell

DiffEditor

Input

JsonTree

PivotTable

Radio

SplitContainer

Icons

Table

Toasts

Installation

    npm install c5s4-ui-lib

Select

Prop Type Required Default value
data anything empty
displayValue keyof data empty
label string empty
onSelect function empty
labelPosition 'top', 'left' 'top'
      <Select<iData>
        data={data}
        displayKey={'name'}
        label={'Select type'}
        labelPosition="top"
        onSelect={(e: iData) => {
          console.log(e);
        }}
      />

Table

Prop Type Required Default value
data anything empty
headers ITableHeader[] empty
backgroundColorClass string empty
backgroundColorStyle string empty
textColorClass string empty
textColorStyle string empty
footerBackgroundClass string empty
footerBackgroundColorStyle string empty
footerTextColorClass string empty
footerTextColorStyle string empty
hoverClass string empty
striped boolean true
stripeEvenClass string empty
stripeOddClass string empty
 <Table data={tableData} headers={tableHeaders} />

Toasts

This is a small toast library that is very useful.