Icon
Markdown text supports the insertion of icons. Some components (such as Accordion, Accordion groups, Card, Card Group, Step, Tip, Highlight, etc.) also support the use of icons.
Currently, the following icons are directly supported: Material Design Icons (MDI), Remix Icon, Lucide Icons.
Component Usage with Icons
Components like Accordion, Accordion Group, Card, Card Group, Step, Tip, Highlight, etc. support the use of icons. Most components use icons by adding the parameter icon="material-two-tone-storefront"
.
Example:
Here is the card content
Code:
<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 :material-two-tone-storefront: 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 :remix-bank-line: 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 :lucide-store: is inserted in the middle of the text.
```
An icon :lucide-store: is inserted in the middle of the text.
```
Icon Code Rules
- Material Design Icons rule:
material-type-icon-name
, such asmaterial-outline-settings
- Remix Icon rule:
remix-icon-name-type
, such asremix-base-station-fill
- Lucide Icons rule:
lucide-type-icon-name
, such aslucide-circle-arrow-down
Last modified: 5 months ago