Icon
Description
<Icon>
component is a graphic to represent something else
Installation
yarn add @paprika/icon
or with npm:
npm install @paprika/icon
Usage
For each SVG icon, we export the respective <Icon>
component from the @paprika/icon
package. You can see the full list of these icons.
To add a custom icon to paprika components, you can do the following:
import ArrowDownIcon from "@paprika/icon/lib/ArrowDown";
<ArrowDownIcon />;
Note
-
The exported @paprika/icon
is using PascalCase naming (for example ArrowDown, ArrowLeft)
-
If you are a consumer who needs a custom icon for your project, you have to use wasabicons (only accessible to Galvanize users)