1.9.6 • Published 11 days ago

@superops/ui-design-system v1.9.6

Weekly downloads
-
License
SEE LICENSE IN LI...
Repository
-
Last release
11 days ago

Super ops design system

Using the React components

While we do offer a CSS-only version, we strongly recommend using the React versions of our components. It’s the version that we use at Shopify. It allows for rich, complex components like Tabs and Popovers, and will not have as many breaking changes as the CSS-only version.

Installation

Run the following command using npm:

npm install @superops/ui-design-system --save

Usage

  1. Import the CSS directly into your project if your asset packager supports it:
import '@superops/ui-design-system/build/esm/styles.css';
  1. Include the translations and any of the provided components in your project:
import enTranslations from '@superops/ui-design-system/locales/en.json';
import {AppProvider, Page, Card, Button} from '@superops/ui-design-system';
  1. Tell React to render the element in the DOM:
ReactDOM.render(
  <AppProvider i18n={enTranslations}>
    <Page title="Example app">
      <Card sectioned>
        <Button onClick={() => alert('Button clicked!')}>Example button</Button>
      </Card>
    </Page>
  </AppProvider>,
  document.querySelector('#app'),
);
Superopsdesign systemreactcomponentscomponent library
@lexical/react@lexical/text@lexical/utils@shopify/polaris-icons@superops/design-token@superops/super-icons@types/react-dom@types/react-transition-groupdayjsfocus-visiblelexicallodashrc-time-pickerreact-big-calendarreact-colorreact-complex-treereact-copy-to-clipboardreact-datepickerreact-flexible-switchreact-froala-wysiwygreact-inline-editingreact-markdownreact-phone-input-2react-selectreact-slickreact-smooth-dndreact-sortable-hocreact-split-panereact-tablereact-timezone-selectreact-tippyreact-toastifyreact-transition-groupreact-virtualizedserveslick-carouselsuper_tokensxterm
@everything-registry/sub-chunk-883
1.9.6

11 days ago

1.9.5

25 days ago

1.9.4

28 days ago

1.9.3

1 month ago

1.9.1

2 months ago

1.9.2

2 months ago

1.9.0

2 months ago

1.8.11

2 months ago

1.8.10

3 months ago

1.8.9

3 months ago

1.8.8

3 months ago

1.8.5-alpha

10 months ago

1.7.4

9 months ago

1.7.2-alpha

10 months ago

1.8.6-alpha

10 months ago

1.8.3-alpha

10 months ago

1.8.2

8 months ago

1.8.1

9 months ago

1.8.0

9 months ago

1.7.4-alpha

10 months ago

1.8.2-alpha

10 months ago

1.8.7-alpha1

6 months ago

1.7.3-alpha

10 months ago

1.7.3

10 months ago

1.7.2

10 months ago

1.7.1

10 months ago

1.8.4-alpha

10 months ago

1.8.7-alpha

9 months ago

1.8.7

6 months ago

1.8.6

6 months ago

1.8.5

7 months ago

1.8.4

7 months ago

1.7.1-alpha

10 months ago

1.8.3

8 months ago

1.6.37

11 months ago

1.6.36

11 months ago

1.6.38

11 months ago

1.7.0

11 months ago

1.6.35

12 months ago

1.6.29

1 year ago

1.6.31

1 year ago

1.6.30

1 year ago

1.6.33

1 year ago

1.6.32

1 year ago

1.6.28

1 year ago

1.6.27

1 year ago

1.6.24

1 year ago

1.6.23

1 year ago

1.6.26

1 year ago

1.6.25

1 year ago

1.6.20

1 year ago

1.6.22

1 year ago

1.6.21

1 year ago

1.6.17

1 year ago

1.6.19

1 year ago

1.6.18

1 year ago

1.6.11

2 years ago

1.6.10

2 years ago

1.6.13

1 year ago

1.6.12

2 years ago

1.6.15

1 year ago

1.6.14

1 year ago

1.6.16

1 year ago

1.6.9

2 years ago

1.6.8

2 years ago

1.6.4

2 years ago

1.6.3

2 years ago

1.6.7

2 years ago

1.6.6

2 years ago

1.6.5

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.5.9

2 years ago

1.5.8

2 years ago

1.5.7

2 years ago

1.5.6

2 years ago

1.5.5

2 years ago

1.4.6

2 years ago

1.4.5

2 years ago

1.4.4

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.9

2 years ago

1.3.8

2 years ago

1.3.7

2 years ago

1.5.4

2 years ago

1.5.3

2 years ago

1.5.2

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

1.4.9

2 years ago

1.4.8

2 years ago

1.4.7

2 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.5

2 years ago

1.2.4

2 years ago

1.2.9

2 years ago

1.2.0

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.1.1

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago