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