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
provided by @strapi/design-system
.
import { ThemeProvider, lightTheme } from '@strapi/design-system';
function App({ children }) {
return <ThemeProvider theme={lightTheme}>{children}</ThemeProvider>;
}
export default App;
Make sure to have the project already cloned (see previous point). Then, run the following commands:
# Inside the folder
$ git checkout BRANCH_NAME # BRANCH_NAME concerns the modifications to tests
$ yarn setup # reinstall dependencies & prepare lerna packages
If you encounter problems doing so, run the following command and retry the previous one:
$ git reset --hard