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 react-router-dom
# or
$ npm i react react-dom @strapi/design-system @strapi/icons styled-components react-router-dom
Wrap your application with the ThemeProvider
and pass the default lightTheme
or darkTheme
provided by @strapi/design-system
.
import { ThemeProvider, lightTheme } from '@strapi/design-system';
function MyApp({ children }) {
return <ThemeProvider theme={lightTheme}>{children}</ThemeProvider>;
}
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.