TagBadge Demo
This page demonstrates the TagBadge component, which renders a single tag as a styled badge.
Basic Usage
Section titled “Basic Usage”Single tags with different configurations:
import { TagBadge } from 'starlight-tags/components';
<TagBadge tagId="configuration" />Style Variants
Section titled “Style Variants”Solid (Default)
Section titled “Solid (Default)”Filled background with the tag’s color:
Outline
Section titled “Outline”Bordered with transparent background:
Subtle background tint:
Medium (Default)
Section titled “Medium (Default)”With Page Count
Section titled “With Page Count”Show how many pages use each tag:
Without Icon
Section titled “Without Icon”Hide the tag icon:
Non-Clickable
Section titled “Non-Clickable”Render as a span instead of a link:
Configuration Guide
All Tag Types
Section titled “All Tag Types”Content Types
Section titled “Content Types”Audience
Section titled “Audience”Core Features
Section titled “Core Features”Integrations
Section titled “Integrations”Educational
Section titled “Educational”See the TagBadge documentation for full API reference.