mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-29 15:44:22 +00:00

Files

rds_agi 67aec7dcc5 fix(base): wrap dropdown label/items in group in message-scroller commands example (#11025 )

DropdownMenuLabel renders Base UI's Menu.GroupLabel, which throws
"MenuGroupContext is missing" (Base UI error #31) unless rendered inside
a Menu.Group. Wrap the label and items in DropdownMenuGroup so the
"Jump to..." menu opens without crashing.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

2026-06-27 13:13:58 +04:00

base

fix(base): wrap dropdown label/items in group in message-scroller commands example (#11025 )

2026-06-27 13:13:58 +04:00

radix

feat: @shadcn/react (#11022 )

2026-06-26 21:19:31 +04:00

__components__.tsx

feat: @shadcn/react (#11022 )

2026-06-26 21:19:31 +04:00

__index__.tsx

feat: @shadcn/react (#11022 )

2026-06-26 21:19:31 +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.