Usage
A component that allows you to easily incorporate various icons into your application.
Icons help users understand concepts and take action without getting hung up on superfluous visual elements.
import { RIcon } from '@rebilly/revel';
<r-icon icon="user" />;
List
Use the following icon names as values for the icon prop in the component.
Colors
Use colors to match the icons with your application's theme, specific design needs or to convey certain status.
| Name | Type | Default | Description |
|---|---|---|---|
| icon | Nullable, IconNames | Select any icon available in our svg sprite | |
| color | IconColor | 'default' | Choose any color from our status color palette primary, on-surface, success, warning, danger, info |
| stopPropagation | boolean | false | Prevent native click events from capturing in parent components |
| Name | Description |
|---|---|
| click |