list-builder
v0.0.3arrow_drop_downv0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
26
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 months ago
SIZE
6 KB
subject
Renders a responsive table into a parent container;
1 contributor
Like
Use list-builder in your project ?
Copied
npm i @bit/lekanmedia.shared-ui.list-builder
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.revert changes
reload
toggle layout
maximize
chevron_left
chevron_right
ListBuilder (
props.addClass:
string,props.headers:
[string],props.rows:
[string],props.defaultSelectedRow:
number,props.containerStyle:
object,props.rowStyle:
object,props.headerStyle:
object,props.imgStyle:
object,props.textStyle:
object,props.onClick:
) : functionJSX.ElementRenders a responsive table into a parent container;
Arguments
props.addClass:
stringAdd extra class styles to overwrite default class.
props.headers:
[string]An array of strings as table headers.
props.rows:
[string]An array of an array of strings as table data
props.defaultSelectedRow:
numberAn index for the row that should be highlighted by default.
props.containerStyle:
objectStyle Inline CSS styles for container element.
props.rowStyle:
objectStyle Inline CSS styles for row element.
props.headerStyle:
objectStyle Inline CSS styles for header element.
props.imgStyle:
objectStyle Inline CSS styles for the img element.
props.textStyle:
objectStyle Inline CSS styles for text element in the table.
props.onClick:
functiononclick event function for the row and header. It receives the table data as an argument.
Returns
JSX.ElementA table component.