No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Guidelines
This is an ongoing draft.
The document is updated as further progress on Starter Kit is made.
Browsers and devices
We aim at supporting the latest versions of the following browsers:
  • On desktop (Mac/Windows/Linux)
    • Chrome
    • Firefox
    • Safari
  • On iPhone/iPad
    • iOS Safari
  • On Android devices
    • Chrome
    • Firefox
References
Responsive web design
Components are built by following the mobile-first approach.
We have the following thresholds in place:
  1. Minimal supported width is 320px. If a resolution is less than this threshold the horizontal scroll bar may appear.
  2. Maximum supported width is 1440px. If a resolution is greater than this threshold content will stop expanding while being centered.
Chakra's default breakpoints are used to achieve great results for all resolutions:
  1. 480px
  2. 768px
  3. 992px
  4. 1280px
  5. 1536px
Accessibility
We aim to conform to WCAG 2.1 Level AA.
Components are built following the progressive enhancement strategy and in compliance with WAI-ARIA recommendations.
We use semantic HTML as the foundation of web accessibility.
We follow WAI Accessibility Principles and WAI-ARIA practices.
References
Performance
We aim to get as close as possible to a 100% ligthhouse score on desktop and mobile.
Security
WIP
Internationalization
WIP