Documentation

Strapi Design System provides guidelines and tools to help anyone make Strapi's contributions more cohesive and to build plugins more efficiently.

Install Strapi Design System and its peer dependencies:

$ yarn add react react-dom @strapi/design-system @strapi/icons styled-components # or $ npm i react react-dom @strapi/design-system @strapi/icons styled-components

Wrap your application with the DesignSystemProvider. You can additionally pass a theme and/or locale, although you don't have to as we have default values for both.

import { DesignSystemProvider, lightTheme } from '@strapi/design-system'; function MyApp({ children }) { return ( <DesignSystemProvider locale="en-GB" theme={lightTheme}> {children} </DesignSystemProvider> ); } export default App;

Then, checkout the complete Storybook documentation to find the components you want to use and how to use them.

Please follow our CONTRIBUTING guidelines.

Licensed under the MIT License, Copyright © 2015-present Strapi Solutions SAS.

See LICENSE for more information.