Skip to content 
Custom tag
Tag
Tags are non-interactive elements that categorize different content and let users associate multiple topics with a piece of information. Tags make it easier for users to find and discover content related to their interests.
UX/UI Guidelines
Check the design documentation of the component in ZeroHeight.
From Figma to code
...
Customization
INFO
Check everything about the customization mechanics in the "How it works" documentation.
| CSS Variable | Type | Description |
|---|---|---|
--z-tag--color | color | Font color |
--z-tag--bg | color | Background color |
--z-tag--gap | distance | |
--z-tag--padding | distance |
Both background and text color can be customized using the --z-tag--bg and --z-tag--color CSS custom properties respectively.
Custom tag