mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
d25f9cf4da
UI-14395: change Typography v2 to Text UI-14395: upgrade design tokens UI-14395: add classname testing UI-14395: update text colors, update font family name to match token, update text storybook boxprops UI-14395: add text transform docs lint fix |
||
|---|---|---|
| .. | ||
| __mocks__ | ||
| actions | ||
| i18n-party-addon | ||
| images | ||
| initial-states | ||
| reducers | ||
| 1.INTRODUCTION.stories.mdx | ||
| 2.DOCUMENTATION.stories.mdx | ||
| 3.COLORS.stories.mdx | ||
| 4.SHADOW.stories.mdx | ||
| 5.BREAKPOINTS.stories.mdx | ||
| i18n.js | ||
| locales.js | ||
| main.js | ||
| manager.js | ||
| metamask-storybook-theme.js | ||
| metametrics.js | ||
| preview-body.html | ||
| preview-head.html | ||
| preview.js | ||
| README.md | ||
| test-data.js | ||
Storybook
We're currently using Storybook as part of our design system. To run Storybook and test some of our UI components, clone the repo and run the following:
yarn
yarn storybook
You should then see:
info Storybook started on => http://localhost:6006/
In your browser, navigate to http://localhost:6006/ to see the Storybook application. From here, you'll be able to easily view components and even modify some of their properties.