复制一段给 AI 编程工具的提示词,包含源码、依赖和用法
属性
AppSidebarProps
同时支持以下类型的全部属性: React.ComponentProps<"div">
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| brand* 必填 | React.ReactNode | — | — |
| brandIcon | React.ReactNode | — | Small mark shown when collapsed; defaults to the brand |
| groups* 必填 | SidebarGroup[] | — | — |
| user | { name: string; email: string; initials: string } | — | — |
| defaultCollapsed | boolean | false | — |
| collapseBelow | number | — | Starts collapsed while the viewport is narrower than this many px, until the user toggles it |
| collapsible | boolean | true | — |
| width | number | 256 | Expanded width in px |
| accentColor | string | "#f97316" | — |
安装
$ npx shadcn@latest add https://chromotion.dev/r/app-sidebar.json命令行安装的是基础组件,定制的参数写在「定制」标签页生成的代码里。