TagSidebar Demo
Ce contenu n’est pas encore disponible dans votre langue.
This page demonstrates the TagSidebar component, a compact sidebar widget for displaying popular tags.
Default
Section titled “Default”Shows top 10 tags sorted by page count:
import { TagSidebar } from 'starlight-tags/components';
<TagSidebar />Limiting Tags
Section titled “Limiting Tags”Show only the top 5 tags:
<TagSidebar limit={5} />Sorting Options
Section titled “Sorting Options”By Count (Default)
Section titled “By Count (Default)”Most used tags first:
Alphabetically
Section titled “Alphabetically”Tags sorted A-Z:
By Priority
Section titled “By Priority”Uses the priority field from tag definitions:
Without Page Counts
Section titled “Without Page Counts”<TagSidebar showCount={false} />Custom Title
Section titled “Custom Title”<TagSidebar title="Browse by Topic" />Collapsible Behavior
Section titled “Collapsible Behavior”Collapsible (Default)
Section titled “Collapsible (Default)”Click the header to toggle:
Start Collapsed
Section titled “Start Collapsed”<TagSidebar collapsible={true} collapsed={true} />Non-Collapsible
Section titled “Non-Collapsible”<TagSidebar collapsible={false} />Combined Options
Section titled “Combined Options”<TagSidebar limit={8} sortBy="count" showCount={true} title="Top Topics" collapsible={true}/>See the TagSidebar documentation for full API reference and integration instructions.