@mailstep/design-system
v0.7.6-beta.0
Published
Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook
Downloads
3,568
Keywords
Readme
Mailstep Design-system
Live demo here: https://mailstep.gitlab.io/mailwise/mw2/design-system/storybook
Peer dependencies
- @xstyled/styled-components
- styled-component
- react-router
- react-router-dom
How to develoop
yarn install
yarn dev
How to use
yarn add @mailstep/design-system
and add import 'swiper/css'
somewhere to the root app.
How to publish
In root folder run
npm run build
npm run deploy
Components
There are Elements, Blocks and Forms components. Also you can use ThemeProvider and Utils package
Elements
| Component | Description | Info | |----------|:-------------:|------:| | Alert | TBD | More info | | Avatar | TBD | More info | | Badge | TBD | More info | | BorderedBox | TBD | More info | | Button | TBD | More info | | Card | TBD | More info | | DialogOverlay | TBD | More info | | Dropdown | TBD | More info | | ErrorMessage | TBD | More info | | Icon | TBD | More info | | Image | TBD | More info | | Label | TBD | More info | | Link | TBD | More info | | Logo | TBD | More info | | Overlay | TBD | More info | | Pagination | TBD | More info | | Paragraph | TBD | More info | | Spinner | TBD | More info |
Blocks
| Component | Description | Info | |----------|:-------------:|------:| | TBD | TBD | TBD |
Forms
| Component | Description | Info | |----------|:-------------:|------:| | TBD | TBD | TBD |
System
| Component | Description | Info | |----------|:-------------:|------:| | Fonts | Import adjusted fonts of inter | TBD |
Theme Provider
| Component | Description | Info | |----------|:-------------:|------:| | Theme Provider | TBD | More info |