1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-25 20:02:58 +01:00
metamask-extension/.storybook
David Walsh b0c050fece
Dark Mode: Create Theme-friendly top left logo component (#13897)
Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
2022-03-11 10:45:13 -06:00
..
actions
i18n-party-addon
images Installing design tokens and writing docs in storybook (#13657) 2022-02-22 18:26:11 -08:00
initial-states/approval-screens Subject metadata cleanup (#13090) 2021-12-13 12:10:20 -08:00
reducers
1.INTRODUCTION.stories.mdx Updating storybook docs (#13055) 2022-01-07 12:30:37 -08:00
2.DOCUMENTATION.stories.mdx Updating storybook docs (#13055) 2022-01-07 12:30:37 -08:00
3.COLORS.stories.mdx Installing design tokens and writing docs in storybook (#13657) 2022-02-22 18:26:11 -08:00
i18n.js
locales.js
main.js Dark Theme setup and button theming (#13651) 2022-02-25 14:11:22 -08:00
manager.js
metamask-storybook-theme.js Dark Mode: Create Theme-friendly top left logo component (#13897) 2022-03-11 10:45:13 -06:00
metametrics.js
preview-body.html
preview-head.html
preview.js Dark Theme setup and button theming (#13651) 2022-02-25 14:11:22 -08:00
README.md
test-data.js Add Snaps via Flask (#13462) 2022-02-14 16:02:51 -08:00

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.