Live preview from the library's source
Install
From shadcn/ui
npx shadcn@latest add https://ui.shadcn.com/r/styles/new-york-v4/sidebar-13.jsonFrom this collection
npx shadcn@latest add https://allcomps.vercel.app/r/ui-shadcn--sidebar-13.jsonCode
import { SettingsDialog } from "@/registry/new-york-v4/blocks/sidebar-13/components/settings-dialog"
export default function Page() {
return (
<div className="flex h-svh items-center justify-center">
<SettingsDialog />
</div>
)
}
Other sidebars
The same kind of component from the other libraries in the collection.