mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Volnei Munhoz
16 lines
1.1 KiB
JSON
16 lines
1.1 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "select-disabled",
|
|
"type": "registry:example",
|
|
"description": "A disabled select",
|
|
"registryDependencies": ["@coss/select"],
|
|
"files": [
|
|
{
|
|
"path": "registry/default/examples/select-disabled.tsx",
|
|
"content": "import {\n Select,\n SelectItem,\n SelectPopup,\n SelectTrigger,\n SelectValue,\n} from \"@/registry/default/ui/select\"\n\nconst items = [\n { label: \"Select framework\", value: null },\n { label: \"Next.js\", value: \"next\" },\n { label: \"Vite\", value: \"vite\" },\n { label: \"Astro\", value: \"astro\" },\n]\n\nexport default function SelectDisabled() {\n return (\n <Select items={items} aria-label=\"Select framework\">\n <SelectTrigger disabled>\n <SelectValue />\n </SelectTrigger>\n <SelectPopup>\n {items.map(({ label, value }) => (\n <SelectItem key={value} value={value}>\n {label}\n </SelectItem>\n ))}\n </SelectPopup>\n </Select>\n )\n}\n",
|
|
"type": "registry:example"
|
|
}
|
|
],
|
|
"categories": ["select", "disabled"]
|
|
}
|