Component Demos
Explore live demos of all available components. Each demo uses real tag data from this documentation site’s configuration.
Available Demos
Section titled “Available Demos”| Component | Description |
|---|---|
| PageTags | Auto-displays tags from page frontmatter |
| PageWithTags | Wrapper component with position control |
| TagBadge | Individual tag badge with variants |
| TagsList | Collection of tags with layouts |
| TagSidebar | Sidebar widget for popular tags navigation |
| PrerequisiteChain | Visual dependency chains |
| Extended Schema | Custom fields with product documentation example |
How These Demos Work
Section titled “How These Demos Work”These demo pages have real tags defined in their frontmatter, allowing components like PageTags to work exactly as they would in your documentation.
For example, the PageTags demo page has:
---title: PageTags Demotags: - components - example - getting-started---This lets you see the components in action with real data rather than mocked examples.
Component Documentation
Section titled “Component Documentation”For detailed API documentation, props, and usage patterns, see the Components section.