@strapi/design-system NPM | npm.io

1.18.0 • Published 20 hours ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

20 hours ago

Strapi Design System

A UI component library for creating amazing Strapi extensions.

Installation

$ 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 DesignSystemProvider. You can additionally pass a theme and/or locale, although you don't have to as we have default values for both.

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

function MyApp({ children }) {
  return (
    <DesignSystemProvider locale="en-GB" theme={lightTheme}>
      {children}
    </DesignSystemProvider>
  );
}

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.

@codemirror/lang-json @floating-ui/react-dom @internationalized/date @internationalized/number @radix-ui/react-dismissable-layer @radix-ui/react-dropdown-menu @radix-ui/react-focus-scope @strapi/ui-primitives @uiw/react-codemirror aria-hidden react-remove-scroll

@fvarano/strapi-plugin-fields-i18n @nitin.tejuja12/strapi-plugin-data-migrate strapi-plugin-slate @lucchev/strapi-plugin-slugify-from-richtext strapi-plugin-base64-image @everything-registry/sub-chunk-875 simple-global-search @huiweitech/matrix-admin @isneezy/strapi-blurred-image-format @isneezy/strapi-media-preview @isneezy/strapi-open-street-maps b8-strapi-plugin-ckeditor5 @giansake/plugin-cinemissimo-scheduler @jacobsdigitalfactory/strapi-plugin-hdm @jakk.ph/strapi-plugin-error-mtf @jakk.ph/strapi-plugin-line-oa @jakk.ph/strapi-plugin-meilisearch @esgehtest/strapi-plugin-sghp-nav @jonssonworkwear/strapi-plugin-commercetools-integration @jonssonworkwear/strapi-plugin-component-name @kaansan/custom-ckeditor-plugin @kaansan/strapi-plugin-ckeditor5 @johnbraum/list-custom-field @iamelevich/strapi-plugin-another-tiptap-editor @jeff-tian/strapi-plugin-ckeditor @julyteam/strapi-plugin-july @lyn4ed/strapi-admin @lynched-test/strapi-admin @extravirgin/strapi-seo-automation @lokut/plugin-strapi-custom-ckeditor-mpe @filerobot-strapi/content-plugin @creazy231/strapi-plugin-apollo-sandbox @creativedog-agency/blog-ccommerce @creativedog-agency/seo-ccommerce @creativestyle/strapi-plugin-simple-tag @danhuyenphan/strapi-admin @colton75/strapi-plugin-ckeditor5 @krishtechnolabs/commercetools-strapi-connector @mexicanrobot/strapi-plugin-ckeditor5 cloudflare-notificator @innovato/strapi-plugin-cron @ekggniebelruebgarten/strapi-admin @kergrit/strapi-todo-simple-plugin @ozireh/strapi-audio-broadcast @mservicestech/strapi-plugin-github-publish commercetools-strapi-integration @musaev/maplibre-maps @musaev/plugin-upload @musaev/strapi-maplibre-maps @musaev/strapiadmin @rijast/strapi-firebase-auth-mod @rijast/strapi-plugin-firebase-auth @prestonator4000/strapi-react-icons @primeit/strapi-plugin-lucide-icons @nexacarts/admin @nexacarts/plugin-users-permissions @sarthakagrawal/strapi-plugin-ckeditor5 @offset-dev/strapi-calendar @oakjs/strapi-plugin @oak-digital/strapi-plugin-cision-id-getter @oak-digital/strapi-plugin-revalidator @oak-digital/strapi-plugin-token-refresher @flycatch/plugin-users-permissions-flycach @meeehdi/strapi-admin @osnmarket/osnmarket-strapi-security @relate-app/strapi-gatsby-cloud @snitsweb/strapi-plugin-countries-select custom-timer @notum-cz/strapi-plugin-location @take5/strapi-plugin-github-projects @siddhesh_shetye/analytics custom-links @raina-ss/strapi-plugin-github-projects @purnamasari/strapi-plugin-firebase-auth @sgsoftware/strapi-plugin-sghp-nav @rijast/strapi-firebase-auth-modified strapi-to-localization strapi-plugin-custom-ckeditor strapi-form-builder email-monitoring ehsafin-strapi-todo external-data-types locale-slug logismiko-strapi-audit-log lifecycle-notifier name-converter multi-commerce-core pauls-ai-utils photo-plus omcommerce open-ai-embeddings order-rules plugin-strapi-elasticsearch plugin-telegram-bot strapi-plugin-location-fields syncronize telegram-bot-strapi strapi-plugin-multi-commerce-core strapi-plugin-navigator strapi-plugin-ppt-customfields

20 hours ago

15 days ago

15 days ago

21 days ago

23 days ago

1.19.0-typescript.0

23 days ago

1 month ago

1.18.0-typescript.0

1 month ago

1.17.0-typescript.0

2 months ago

2 months ago

2 months ago

1.16.0-typescript.0

2 months ago

4 months ago

1.15.0-typescript.1

4 months ago

4 months ago

1.15.0-typescript.0

4 months ago

8 months ago

10 months ago

9 months ago

1.13.0-typescript.1

7 months ago

8 months ago

8 months ago

7 months ago

7 months ago

7 months ago

10 months ago

10 months ago

1.14.0-typescript.2

5 months ago

1.14.0-typescript.1

6 months ago

8 months ago

1.14.0-typescript.0

7 months ago

5 months ago

6 months ago

7 months ago

0.0.0-0.0.0-86e9a89e53cba45225acff9e8e96667080665041-20231101145524

6 months ago

1.12.0-typescript.1

7 months ago

1.12.0-typescript.0

7 months ago

11 months ago

12 months ago

11 months ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-5b121519ca989a78e3843de0fd2dd7f5e6d13cbf

1 year ago

1 year ago

0.0.0-599b75fb-test

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-jsoninput.0

1 year ago

0.0.0-typescript.1

1 year ago

1 year ago

1 year ago

0.0.0-typescript.0

1 year ago

0.0.0-typescript.3

1 year ago

0.0.0-typescript.2

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-vite-bundler.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago