@storybook/icons
TypeScript icon, indicating that this package has built-in type declarations

1.3.2 • Public • Published

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

npm:

npm install @storybook/icons

yarn:

yarn add @storybook/icons

pnpm:

pnpm add @storybook/icons

To Do

  • [x] Export every single icon instead of a single component
  • [x] Add stories for each component

Generating new icons from Figma

First, set local environment variables:

FIGMA_API_TOKEN=<YOUR_FIGMA_API_TOKEN>
FIGMA_FILE_ID=<FIGMA_FILE_ID>
FIGMA_CANVAS=Icons

Then, fetch all icons from Figma locally and create React components + stories automatically:

pnpm generate-icons

Inspired by this article.

Developing

Watch and rebuild code with tsup and run Storybook to preview your UI during development:

pnpm storybook

Building

Build package with tsup for production:

pnpm build

Readme

Keywords

none

Package Sidebar

Install

npm i @storybook/icons

Weekly Downloads

0

Version

1.3.2

License

MIT

Unpacked Size

1.25 MB

Total Files

10

Last publish

Collaborators

  • ndelangen
  • shilman
  • tmeasday
  • ghengeveld
  • winkervsbecks
  • yannbf
  • kylegach
  • jreinhold
  • kasperpeulen
  • valentinpalkovic
  • domyen
  • storybook-bot