Icon
The Icon component allows you to use any icon of our collection.
INFO
The Icon component can receive a staticPath prop with a different path for your icons and it's not limited to the staticPath option that is configured in the library installation anymore.
Basic usage
By default, the Icon component will render the mj-leaf icon if no name prop is provided.
<Icon />Adding a new icon
See: https://github.com/LeafLink/stash/blob/main/CONTRIBUTING.md#adding-a-new-icon
Size
The Icon component supports the following sizes:
Small
<Icon name="calendar" size="small" />Dense
<Icon name="calendar" size="dense" />Standard
<Icon name="calendar" size="standard" />Large
<Icon name="calendar" size="large" />Collection
Static Path
By default, the Icon component will use the staticPath option inject by the library to find the spreadsheet.
You can change the base path of this icons passing the staticPath prop to the component itself. This will override the path used by it.
TIP
If nor the icon or the library staticPath is defined, it'll default to /static base path.
<Icon name="star" static-path="/icons" />API
See the documentation below for a complete reference to all the props and classes available to the components mentioned here.