mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
ef5c343fb2
- Added messages array with success, info, and warning examples - Each message has id, type, title, and description
10 lines
1.2 KiB
JSON
10 lines
1.2 KiB
JSON
{
|
|
"name": "comparison-demo",
|
|
"files": [
|
|
{
|
|
"name": "comparison-demo.tsx",
|
|
"content": "import { Comparison } from \"@/registry/default/ui/comparison\"\n\nexport default function ComparisonDemo() {\n const columns = [\n {\n title: \"Free\",\n items: [\n { label: \"Users\", value: \"5\" },\n { label: \"Storage\", value: \"10GB\" },\n { label: \"Support\", value: false },\n { label: \"Custom domain\", value: false },\n ],\n },\n {\n title: \"Pro\",\n highlighted: true,\n items: [\n { label: \"Users\", value: \"25\" },\n { label: \"Storage\", value: \"100GB\" },\n { label: \"Support\", value: true },\n { label: \"Custom domain\", value: true },\n ],\n },\n {\n title: \"Enterprise\",\n items: [\n { label: \"Users\", value: \"Unlimited\" },\n { label: \"Storage\", value: \"1TB\" },\n { label: \"Support\", value: true },\n { label: \"Custom domain\", value: true },\n ],\n },\n ]\n\n return (\n <div className=\"w-full min-h-[400px] flex items-center justify-center p-8\">\n <Comparison columns={columns} />\n </div>\n )\n}\n"
|
|
}
|
|
],
|
|
"type": "components:example"
|
|
} |