This is tiny Typescript package with the following components:
Checkbox
CodeCell
DiffEditor
Input
JsonTree
PivotTable
Radio
SplitContainer
Icons
npm install c5s4-ui-lib
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);
}}
/>
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} />
This is a small toast library that is very useful.