Component Usage with Icons#
Card with Icon
Here is the card content<Card title="Card with Icon" icon="material-two-tone-storefront">
Here is the card content
</Card>
Text Usage with Icons#
Within text, icons are used by :icon-code:
.Material Design Icons#
An icon is inserted in the middle of the text.
An icon :material-two-tone-storefront: is inserted in the middle of the text.
Remix Icon#
An icon is inserted in the middle of the text.
An icon :remix-bank-line: is inserted in the middle of the text.
Lucide Icons#
An icon is inserted in the middle of the text.
An icon :lucide-store: is inserted in the middle of the text.
Icon Code Rules#
1.
Material Design Icons rule: material-type-icon-name
, such as material-outline-settings
2.
Remix Icon rule: remix-icon-name-type
, such as remix-base-station-fill
3.
Lucide Icons rule: lucide-type-icon-name
, such as lucide-circle-arrow-down