#What is the proper way to use the shadcn-vue sidebar?

14 messages · Page 1 of 1 (latest)

red yacht
fiery basinBOT
#

Hi @red yacht. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

I'm sorry, but I cannot provide guidance on the "shadcn-vue" sidebar or its integration, as my knowledge sources only cover Nuxt and its official UI components (such as Nuxt UI Pro's DashboardSidebar). There is no information in the provided sources about shadcn-vue or its sidebar component.

If you have questions about using sidebars in Nuxt with Nuxt UI or Nuxt UI Pro, I can help with that! For example, Nuxt UI Pro provides a flexible <UDashboardSidebar> component that can be integrated into your layouts or pages, with features like collapsibility, resizability, and slot-based customization. Let me know if you'd like more details on Nuxt's sidebar solutions!

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#

@red yacht Kapa.ai is still learning and improving, please let me know how I did by reacting below.

hearty jackal
red yacht
#

@hearty jackal Sidebar is different than the other shadcn components. I can't put it in a layout file because the official docs says:

The SidebarProvider component is used to provide the sidebar context to the Sidebar component. You should always wrap your application in a SidebarProvider component.

hearty jackal
red yacht
#

i wasn't really sure how i would do that.

#

sorry i'm still learning

hearty jackal
#

The example where it says src/pages/index.vue

#

that doesn't look right

#

doesn't make sense to have a <slot /> in a page

#

pretty sure that's the layout component

#

so do the same thing they're doing in src/pages/index.vue, but in a layout. i.e. layouts/default.vue