Prefab

A set of themeable UI components for React projects. Built with accessibility in mind. Uses styled-components for styling.

Components

Layout & Presentation

Container

<Container fullWidth={boolean}>{...}</Container>

Prop | Type | Default -----|------|-------- fullWidth|boolean| false

<Row />

• <Column />
• <Table />
• <Box />
• <Padding />

Typography

• <H1>
• <H2>
• <H3>
• <H4>
• <H5>
• <H6>
• <Display1>
• <Display2>
• <Display3>
• <Display4>

Form Controls

• <Label />
• <Input />
• <Button />
• <ButtonGroup />
• <ColorPicker />
• <Slider />
• <Carousel />
• <Date Picker />
• <Select />
• <Radio />
• <Checkbox />

Status Indicators

• <ProgressBar />
• <Loading />

Usage

• Control the component returned using as attribute: <H1 as="div">Heading One Style Without H1 Tag</H1>

License

Tests

Functional tests performed courtesy of BrowserStack.