Icon
Icons are available as a web component using the skin-icon
tag. Icons exist for each Heroicon outline style.
Attributes:
name
: Valid Heroicon name (required)data-class
: Class(es) to add to svg (optional)data-stroke-width
: Stroke width, 1.5 by default (optional)
Examples
<div class="flex space-x-4">
<skin-icon class="w-6 h-6" name="bell-alert"></skin-icon>
<skin-icon class="w-6 h-6" name="bell-alert" data-class="text-theme-primary"></skin-icon>
<skin-icon class="w-6 h-6" name="bell-alert" data-stroke-width="2.5"></skin-icon>
</div>