Strapi Design System


A UI component library for creating amazing Strapi extensions.

Installation

``sh
$ 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
`

Getting Started

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.

`jsx
import { DesignSystemProvider, lightTheme } from '@strapi/design-system';

function MyApp({ children }) {
return (

{children}

);
}

export default App;
``

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

Contributing

Please follow our CONTRIBUTING guidelines.

License

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

See LICENSE for more information.