@kadena/kode-icons
v0.3.0
Published
Kadena's React icons library
Downloads
218
Keywords
Readme
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/kode-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/kode-icons/system
.
Install
pnpm install @kadena/kode-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