# 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