mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +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.