0.6.0 • Published 5 years ago
@smashing/figmator v0.6.0
Figmator
(part of Smashing toolbox)
Getting started
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.
Components
Core
- 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.
- 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.
Typography
- 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.