React & SCSS components
Docs
https://pages.github.axa.com/axa-winterthur/react-web-toolkit
Contributing
Contributions are very welcome. Please respect our principles (see below) and stick to
the eslint and stylelint rules.
$3
- Embrace vertical rhythm (
8px baseline)
- Margins only on the bottom
- Split mixins (and placeholder selectors) and classes into diffrent files
- NEVER
@extend .clazz (
@extend %selector is ok tough)
- Stick to design.axa.com as close as possible
$3
1.
yarn or
npm install
2.
yarn start or
npm start
3. Open
http://localhost:6006
$3
- [x] Accordion
- [x] Alerts
- [x] Buttons
- [x] Cards
- [ ] Find an agent
- [x] Footer
- [x] Header
- [ ] Homepage cover
- [ ] Icons editorial
- [ ] interstitial
- [ ] Inverted image
- [ ] Legal
- [x] Links
- [x] Loading spinner
- [ ] Offer presentation
- [ ] Product cover
- [ ] Steps
- [x] Tabs
- [ ] Text CTA
- [ ] Text CTA 2
- [x] Forms