Skip to content

THEWWWTHING-MANAGEMENT/design-system

 
 

Repository files navigation

Strapi logo

Documentation|Try components


Version Downloads Discord Shield

Welcome! 👋👋👋

Strapi Design System provides guidelines and tools to help anyone make Strapi's contributions more cohesive and to build plugins more efficiently.

Installation

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

Getting Started

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.

Contributing

Please follow our CONTRIBUTING guidelines.

License

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

See LICENSE for more information.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 88.0%
  • JavaScript 11.9%
  • Shell 0.1%