Modern, TypeScript based, React UI framework ready for your next application.
Install theme
yarn add @smashing/themeAdd Theme Provider
import {SmashingThemeProvider} from '@smashing/theme'
const App = () => <SmashingThemeProvider>{/* ... */}</SmashingThemeProvider>You can read more about smashing theme provider to learn how to customize theme.
- Alert - Component used to give feedback to the user about an action or state.
- Avatar - Component used to represent users.
- Button - Common button component
- Dialog - Component is used to show content on top of an overlay.
- FormField - Component used for to add label, description, hint and error handling to input.
- Menu - Multiple components that help create menus.
- Popover - Component displays floating content in relation to a target.
- Select - Simple select component being an overlay to a default system one.
- TextInput - Text input component used in forms.
- Tooltip - Component used to describe icon buttons.
- Text - Inline text component.
- Strong - Bold variant of Text component.
- Paragraph - Component used for bigger chunks of texts.
- Heading - Component used for article and section titles.
- Label - Component used to describe form inputs.
- Head - Manage page
<head>tag content. - Title - Manage page
<title>tag content. - css - Global css styles - normalize.css and reset.
- Install packages
yarn - Run
yarn build - Run
yarn watchfor hot reload and open a new terminal window in the same folder and runyarn storybook
