c5s4-ui-lib

C5S4-UI-Lib

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.