@redesign-system/ui v0.0.3

Redesign UI

React Design System built with Emotion base on Atomic Design.

Installation

npm install @redesign-system/ui @redesign-system/ui-core @redesign-system/theme @redesign-system/material-icons

or

yarn add @redesign-system/ui @redesign-system/ui-core @redesign-system/theme @redesign-system/material-icons

Theme

A Global and normalized css theme is provide for html elements by default

Component themes can be overwritten via ThemeProvider.

Components

Atoms

• Alert
• Badge
• Box
• Button
• Caption
• Checkbox
• Close
• Copyright
• Error Message
• Figure
• Google Maps
• Image
• JSON
• Label
• Ledgend
• Link
• List
• Main
• Nav
• Overlay
• Radio
• Textarea
• Textbox
• Timer
• Toggle
• Timer
• Toggle
• Typography
• Video

Molecules

• AppBar
• Button Group
• Button Icon
• Cover Image
• Dropdown
• Fieldset
• Form Textbox
• Header
• Heading
• Pagination
• Section
• Switch
• Toolbar

Organisms

• Accordion
• Table
• Tabs

Helpers

• Either
• Maybe
• Portal

Hooks

• useBoolean
• useSelected
• useString
• useTimeRemaining
• useViewport

License

MIT