ComponentsPublishing
Tag List
Linked public tags for the current post, omitting internal tags and empty tag lists.
Install
npx ghostcn@1.4.0 add tag-list --skip-existingUsage
Use inside a post or post loop. Only public tags render. The block is hidden when a post has no public tags.
{{#post}}
{{> "components/tag-list"}}
{{/post}}Customize this instance
{{#post}}
{{> "components/tag-list" class="my-6" linkClass="rounded-full px-4"}}
{{/post}}Styling parameters
| Parameter | Target |
|---|---|
class | Component root — .ghcn-tag-list |
listClass | .ghcn-tag-list__items |
linkClass | .ghcn-tag-list__link |
Styling parameters affect only elements that render. See Style component instances for specificity, dark mode, and preserving customizations.
Installed files
partials/components/tag-list.hbsassets/css/components/tag-list.css
Was this helpful?