react-web-toolkit

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

• Accordion
• Alerts
• Buttons
• Cards
• Find an agent
• Footer
• Header
• Homepage cover
• Icons editorial
• interstitial
• Inverted image
• Legal
• Links
• Loading spinner
• Offer presentation
• Product cover
• Steps
• Tabs
• Text CTA
• Text CTA 2
• Forms