mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-22 01:47:00 +01:00
23e6c073c4
* Add design-tokens and apply colors to button * swap more colors * tweak button and add dark theme switch to storybook * tweak buttons * fix typo * remove comments * add dep to ignored list * fix linting issue * fix linting issues * Updating some styles and removing some deprecated buttons (#13742) * Updating some styles and removing some deprecated buttons * Warning button fixes * Fixing warning text for darkmode * bump design tokens and update storybook theme strategy Co-authored-by: George Marshall <george.marshall@consensys.net> |
||
---|---|---|
.. | ||
actions | ||
i18n-party-addon | ||
images | ||
initial-states/approval-screens | ||
reducers | ||
1.INTRODUCTION.stories.mdx | ||
2.DOCUMENTATION.stories.mdx | ||
3.COLORS.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.