@raid/basic-kit v0.18.2

@raid/basic-kit

Base UI components to help set your component system on the right path

Getting Started

Install with yarn or npm

yarn add @raid/basic-kit

npm i -S @raid/basic-kit

@TODO basic usage example

Roadmap

Base UI components

• Layout
• Typography
• Iconography
• Controls
• Alerts
• Tables
• Theming

Extensions

• Headless, styling from theme
• Themed kits, more granular tokenisation
• Dat.gui control kit
• App basics kit for stock components, headers, menus, navigation etc

Exports

Layout

• Screen
• View
• Box
• Flex
• Center

• Grid

• Spread

• Stack

• Divider

• Spacer

• Hidden

• Card

• Image
• Aspect

Typography

• Headings
• Body
• Blockquote
• Code, Pre
• List
• Badge
• Heading
• Text

Controls

• Button
• Button Groups
• Link/Anchor
• Range Slider
• Progress (inputless controlled range)
• Input
• Textarea
• Radio
• Checkbox
• Toggle/Switch
• Select (native dropdown)
• Number Input
• Form

Iconography

• Icon
• Common Icon Set

### Tables

• Definition List
• Table
• Table Controls

### Utility

• Spinner
• Placeholder
• Loading dots

Theming

• Base Theme Structure
• Colour Structure
• Variant Structure
• Utilities / Mixins

Contributing

Pull requests are always welcome, the project uses the standard code style. Please run yarn test to ensure all tests are passing and add tests for any new features or updates.

For bugs and feature requests, please create an issue.

See the root readme for more information about how the repository is structured.

License

MIT