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.