Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

Just exceptional. Thank you so much, Jack, you smashed it.

— Hugo, Developer

Tags Fieldtype

Users can enter “taggable” values, which are formatted automatically into a YAML list format. It's a lot like the list fieldtype but with a different UI.

Tags Fieldtype UI
The Tags Fieldtype in action!

Overview

Press enter, tab, or , to add a tag. Click an Ă— to remove one. That's all there is to it.

Data Storage

Your tags will get saved as a simple YAML list, like this:

- applesauce
- garbage pants
- socks

Templating

Loop through the array items to display each item's value.

<h1>I've heard rumors of:</h1>
<ul>
{{ tags }}
<li>{{ value }}</li>
{{ /tags }}
</ul>
<h1>I've heard rumors of:</h1>
<ul>
<li>applesauce</li>
<li>garbage pants</li>
<li>socks</li>
</ul>
Hot Tip!

This fieldtype uses the word "taggable" in a generic way. If you're looking for a way to tag/categorize your content on a schema-level, you should read about taxonomies.

Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →