Skip to content
ArdoArdo

Component Playground

Review Ardo's default UI components in isolation before changing the docs experience.

Component Playground

Ardo's default docs experience is built from React components in ardo/ui. Storybook gives maintainers and theme authors an isolated place to review those components before changing the production docs experience.

Open Storybook

Use the hosted playground:

For local development from the repository root:

pnpm storybook

Create a production-ready static build:

pnpm storybook:build

What's covered in v1

The baseline stories focus on the core components used to compose Ardo documentation experiences:

  • Layout: Layout, Header, Sidebar, Footer, Nav, TOC
  • Content: Hero, Features, Tabs, Container, Steps
  • Utilities: ThemeToggle, Search, CopyButton, CodeBlock

As new components are introduced, stories should be added in packages/ardo/src/ui next to the implementation.