react-web-toolkit-legacy

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.

Principles

• 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

Run the toolkit dev environment locally

1. yarn or npm install
2. yarn start or npm start
3. Open http://localhost:6006

Components

• [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