list-builder
v0.0.3arrow_drop_downv0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
137
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
2 years ago
SIZE
6 KB
Renders a responsive table into a parent container;
1 contributor
Like
Install list-builder as a package?
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 
modifieddraft
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout

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:
) : function
JSX.Element
Renders a responsive table into a parent container;
Arguments
props.addClass:
string
Add 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:
number
An index for the row that should be highlighted by default.
props.containerStyle:
object
Style Inline CSS styles for container element.
props.rowStyle:
object
Style Inline CSS styles for row element.
props.headerStyle:
object
Style Inline CSS styles for header element.
props.imgStyle:
object
Style Inline CSS styles for the img element.
props.textStyle:
object
Style Inline CSS styles for text element in the table.
props.onClick:
function
onclick event function for the row and header. It receives the table data as an argument.
Returns
JSX.Element
A table component.