1. @storybook/icons
Icon library from the Storybook team
@storybook/icons
Package: @storybook/icons
Created by: storybookjs
Last modified: Tue, 23 Apr 2024 14:07:16 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

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code