0.0.3 • Published 17 days ago
@kadena/react-icons v0.0.3
React Icons
Design system icons generated for react using svgr
Getting Started
Icons have been created from the design system repository with the following considerations:
- The default fill color is set to
currentColor
. - The dimensions for width and height are established at
1em
, while the defaultfontSize
is1.5em
. - These icons are compiled into a distinct package, which is designed without
knowledge of the design tokens. This approach ensures that properties such as
fill and fontSize remain generic, eliminating circular dependencies between
the
@kadena/react-ui
and allowing the icons to be universally compatible with any build-system and react styling solutions. - Icons are grouped in different folders and package entries eg
@kadena/react-icons/system
.
Install
pnpm install @kadena/react-icons
Development
All icons are autogenerated from this file in the design system repo.
pnpm generate:icons
runscript/generateIcons.ts
to generate icon components inside thesrc
folderpnpm build
to build thesrc
folder for publishing