Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

list-builder

v0.0.3arrow_drop_down
v0.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
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
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
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.