> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/sections/tags.md).

# Tags

Displays product or content tags for easy navigation or filtering.

*Shared Settings*:

* [<mark style="color:$primary;">Content</mark>](#content)
* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)
* [<mark style="color:$primary;">Tag colors</mark>](#tag-colors)

*Shared Blocks:*

* [<mark style="color:$primary;">Heading</mark>](/triumph/template/shared-blocks/heading.md)
* [<mark style="color:$primary;">Tag</mark>](/triumph/template/sections/tags/tag.md)

***

#### Content

**Width on desktop**\
Adjusts how much horizontal space tabs take on desktop screens (50-100%).

***

#### Tag colors

**Background**\
Set the tag background color.

**Text**\
Set the tag text color.

**Hover background**\
Background color on hover.

**Hover text**\
Text color on hover.
