Icon library from the Storybook team
Package: @storybook/icons
Created by: storybookjs
Last modified: Thu, 02 May 2024 09:11:00 GMT
Version: 1.2.9
License: MIT
Downloads: 2,945,417
Repository: https://github.com/storybookjs/icons
Install
npm install @storybook/icons
yarn add @storybook/icons
Icons
This library contains the icons used in Storybook and Chromatic apps and marketing sites. They are 14x14. To view the list of all available icons please go to https://main--64b56e737c0aeefed9d5e675.chromatic.com/
Install
yarn add @storybook/icons
To Do
- [x] Export every single icons instead of a single component
- [x] Add stories for each components
Generating new icons from Figma
This command will fetch all icons from Figma locally and create react components + stories automatically
yarn generate-icons
Inpired from this article.
Developing
Watch and rebuild code with tsup and runs Storybook to preview your UI during development.
yarn storybook
Building
Build package with tsup for production.
yarn build
Dependencies
@storybook/addon-a11y: ^8.0.0-rc.3@storybook/addon-essentials: ^8.0.0-rc.3@storybook/addon-interactions: ^8.0.0-rc.3@storybook/addon-mdx-gfm: ^8.0.0-rc.3@storybook/blocks: ^8.0.0-rc.3@storybook/eslint-config-storybook: 3.1.2@storybook/react: ^8.0.0-rc.3@storybook/react-vite: ^8.0.0-rc.3@storybook/test: ^8.0.0-rc.3@storybook/theming: ^8.0.0-rc.3@svgr/core: 5.5.0@svgr/plugin-prettier: 5.5.0@svgr/plugin-svgo: 5.5.0@types/fs-extra: 11.0.1@types/node: 20.4.1@types/react: 18.2.14@types/react-dom: 18.0.11@typescript-eslint/eslint-plugin: 5.55.0@typescript-eslint/parser: 5.55.0@vitejs/plugin-react: 3.1.0auto: 11.1.1axios: 1.4.0chalk: 4.1.2chromatic: 11.0.4concurrently: 8.0.1dotenv: 16.3.1eslint: 8.36.0eslint-plugin-jest: 27.2.1eslint-plugin-storybook: 0.6.12figma-api-exporter: 0.0.2figma-js: 1.16.0figma-transformer: 2.1.0fs-extra: 11.1.1lint-staged: 13.2.0prettier: 2.8.4react: 18.2.0react-dom: 18.2.0storybook: ^8.0.0-rc.3ts-node: 10.9.1tsup: 6.6.3typescript: 5.0.2vite: 4.2.1
