mirror of https://github.com/shadcn-ui/ui.git synced 2026-07-07 14:08:47 +00:00

Files

coi e224dc30d8 fix(base-drawer): migrate examples, blocks, and app consumers to render and swipeDirection

Update in-repo base drawer consumers to the new wrapper API.

Replace asChild usage with render, switch direction to swipeDirection,
and align examples, blocks, app consumers, and docs with the new
base drawer usage pattern.

2026-04-18 03:23:13 +09:00

base

fix(base-drawer): migrate examples, blocks, and app consumers to render and swipeDirection

2026-04-18 03:23:13 +09:00

radix

fix: refactor styles (#10190 )

2026-03-26 14:36:00 +04:00

__index__.tsx

fix: refactor styles (#10190 )

2026-03-26 14:36:00 +04:00

README.md

fix: refactor styles (#10190 )

2026-03-26 14:36:00 +04:00

README.md

Examples

This directory contains demo components for the component documentation.

Directory Structure

examples
├── base
│   ├── button-demo.tsx
│   └── ...
├── radix
│   └── ...
└── __index__.tsx    # Auto-generated by registry:build

Adding a New Example

Create a new .tsx file in examples/base or examples/radix:

// examples/base/button-loading.tsx
import { Button } from "@/styles/base-nova/ui/button"

export function ButtonLoading() {
  return <Button disabled>Loading...</Button>
}

Run the registry build to regenerate the index:

pnpm --filter=v4 registry:build

Use the example in documentation by referencing its name (filename without .tsx):

<ComponentPreview name="button-loading" />

Notes

Example files should be placed directly in examples/base or examples/radix, not in subdirectories.
Base examples should import from @/styles/base-nova/*. Radix examples should import from @/styles/radix-nova/*.
Both named exports and default exports are supported.
After adding or removing examples, run pnpm --filter=v4 registry:build to update the index.