Draws an icon from the bundled Material Design Icons subset, or delegates to a host icon component when one is provided (on this site it renders through @nuxt/icon, so any mdi: name works). Colour inherits from text via currentColor; size comes from classes.
Ejemplos
Names and colour
Icons inherit the current text colour and are sized with classes.
<div class="flex items-center gap-4">
<UiIcon name="mdi:heart" class="w-6 h-6 text-primary-500" />
<UiIcon name="mdi:star" class="w-6 h-6 text-amber-500" />
<UiIcon name="mdi:check-circle" class="w-6 h-6 text-success-600" />
<UiIcon name="mdi:github" class="w-6 h-6" />
</div>Props
| Nombre | Tipo | Por defecto | Descripción |
|---|---|---|---|
| name | string | '' | Icon name, e.g. 'mdi:check'. A bare name is treated as MDI. |