Tag

A component for displaying labels or categories

<hf-tag>non-smoking</hf-tag> <hf-tag>WiFi</hf-tag> <hf-tag>pool</hf-tag> <hf-tag> free breakfast <hf-button><button type="remove"></button></hf-button> </hf-tag>

non-smoking WiFi pool free breakfast

Notes

The tag component provides a visual way to display labels, categories, or attributes.

• Use for displaying metadata, categories, or status
• Can include a remove button for interactive tags
• Maintains consistent styling across different contexts