Renders a tag, typically used for displaying labels, categories, or keywords.
<.tag>Well-Trained</.tag>
With icon:
<.tag>
Puppy
<.icon><Heroicons.edit /></.icon>
</.tag>
With delete button:
<.tag>
High Energy
<.button
phx-click="remove-tag"
phx-value-tag="high-energy"
aria-label="Remove tag"
>
<.icon><Heroicons.x /></.icon>
</.button>
</.tag>
<.tag size="small"> small </.tag> <.tag size="normal"> normal </.tag> <.tag size="medium"> medium </.tag> <.tag size="large"> large </.tag>
<.tag variant={nil}> nil </.tag> <.tag variant="primary"> primary </.tag> <.tag variant="secondary"> secondary </.tag> <.tag variant="info"> info </.tag> <.tag variant="success"> success </.tag> <.tag variant="warning"> warning </.tag> <.tag variant="danger"> danger </.tag>