@lowes-tech/bds-react

@lowes-tech/bds-react

Backyard Design System React component library is a npm package that exposes atomic level react components for any Omni-Channel product that is using React as their front-end framework.

Contributing

Contributers are welcome to the bds-react project. Need to update a component for a new business need? Want to add a new component to the repository? Follow the contribution guide to get started.

Install

This package requires node >= 4, but we recommend node >= 8

npm install -D @lowes-tech/bds-react

Usage

import * as React from 'react'
import { Grid, Button } from '@lowes-tech/bds-react'

const Component = (props) => {
    //...code
    return (
        <Grid.Container>
            <Grid.Row>
                <Grid.Column>
                    <Button />
                </Grid.Column>
            </Grid.Row>
        </Grid.Container>
    )
}

export default Component

Components

• Grid component
  • Container component
  • Row component
  • Column component
• Icon component
• Button component
  • PrimaryButton component
  • SecondaryButton component
  • TertiaryButton component
  • IconButton component
  • FlatButton component
• Chip component
  • ChoiceChip component
  • FilterChip component
  • InputChip
• Input component
  • Password component
  • Search component
  • Stepper component
  • Text component
  • TextArea component
• Select component
  • Checkbox component
  • Radio component
  • Switch component
  • Dropdown component
• [Navigation]
  • Breadcrumb component