Repository files navigation

Documentation

Strapi Design System provides guidelines and tools to help anyone make Strapi's contributions more cohesive and to buildplugins 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 theDesignSystemProvider. 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';functionMyApp({ children}){return(<DesignSystemProviderlocale="en-GB"theme={lightTheme}>{children}</DesignSystemProvider>);}exportdefaultApp;

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

Please follow ourCONTRIBUTING guidelines.

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

SeeLICENSE for more information.