Icon component
The component <day-icon> makes it easier to use Font Awesome icons in your app.
Dependencies
'/core'
Selectors
Icon: day-icon
Installation and Usage
npm install @dayerlin-bustamante/iconimport { DAYIconComponent } from '@dayerlin-bustamante/icon';<day-icon [icon]="'home'"/>Description
The component <day-icon> is a wrapper for the Font Awesome icons. It allows you to easily use icons in your application without having to worry about the underlying implementation.
It supports different icon scopes, such as classic and duotone, which can be set using the scope input property.
You can also use custom kits, using the scope kit.
Inputs
| Name | Description | Default |
|---|---|---|
| scope: string | Name of the icon kit. | kit |
| icon: string | Name of the icon. | |
| iconHover: string | null | Name to change icon hover state | null |
Output
Not included
Directives
Not included
Public methods
Not included