Files
shadcn-ui/apps/v4/public/r/styles/base-nova/sonner-example.json
shadcn 47c47eaed2 feat: add docs for base-ui components (#9304)
* feat: add base and radix docs

* feat: transform code for display

* fix

* fix

* fix

* fix

* fix

* chore: remove claude files

* fix

* fix

* fix

* chore: run format:write

* fix

* feat: add more examples

* fix

* feat: add aspect-ratio

* feat: add avatar

* feat: add badge

* feat: add breadcrumb

* fix

* feat: add button

* fix

* fix

* fix

* feat: add calendar and card

* feat: add carousel

* fix: chart

* feat: add checkbox

* feat: add collapsible

* feat: add combobox

* feat: add command

* feat: add context menu

* feat: add data-table dialog and drawer

* feat: dropdown-menu

* feat: add date-picker

* feat: add empty

* feat: add field and hover-card

* fix: input

* feat: add input

* feat: add input-group

* feat: add input-otp

* feat: add item

* feat: add kbd and label

* feat: add menubar

* feat: add native-select

* feat: add more components

* feat: more components

* feat: more components

* feat: add skeleton, slider and sonner

* feat: add spinner and switch

* feat: add more components

* fix: tabs

* fix: tabs

* feat: add docs for sidebar

* fix

* fix

* fi

* docs: update

* fix: create page

* fix

* fix

* chore: add changelog

* fix
2026-01-20 19:31:38 +04:00

17 lines
1.4 KiB
JSON

{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "sonner-example",
"title": "Sonner",
"registryDependencies": [
"sonner",
"example"
],
"files": [
{
"path": "registry/base-nova/examples/sonner-example.tsx",
"content": "\"use client\"\n\nimport { toast } from \"sonner\"\n\nimport {\n Example,\n ExampleWrapper,\n} from \"@/registry/base-nova/components/example\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\n\nexport default function SonnerExample() {\n return (\n <ExampleWrapper>\n <SonnerBasic />\n <SonnerWithDescription />\n </ExampleWrapper>\n )\n}\n\nfunction SonnerBasic() {\n return (\n <Example title=\"Basic\" className=\"items-center justify-center\">\n <Button\n onClick={() => toast(\"Event has been created\")}\n variant=\"outline\"\n className=\"w-fit\"\n >\n Show Toast\n </Button>\n </Example>\n )\n}\n\nfunction SonnerWithDescription() {\n return (\n <Example title=\"With Description\" className=\"items-center justify-center\">\n <Button\n onClick={() =>\n toast(\"Event has been created\", {\n description: \"Monday, January 3rd at 6:00pm\",\n })\n }\n variant=\"outline\"\n className=\"w-fit\"\n >\n Show Toast\n </Button>\n </Example>\n )\n}\n",
"type": "registry:example"
}
],
"type": "registry:example"
}