Component Demos

Esta página aún no está disponible en tu idioma.

Explore live demos of all available components. Each demo uses real tag data from this documentation site’s configuration.

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

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 Demo
tags:
  - components
  - example
  - getting-started
---

This lets you see the components in action with real data rather than mocked examples.

Component Documentation

For detailed API documentation, props, and usage patterns, see the Components section.