Noora.Icon (noora v0.5.0)
Icons in use across the Noora design system.
Usage
The module exposes all icons in two ways:
- As a function of the shape
<.{icon_name} />
- As an
icon
component that takes aname
attribute.
<.mail />
<.icon name="mail" />
Adding an icon
Icons are automatically read and generated from the icons
folder. To add an icon, simply add a SVG file to the folder. File names are
required to be alphanumeric. Hyphens in the file name are automatically substituted to underscores.