"use client"; import React from "react"; import { Sidebar } from "@/subframe/components/Sidebar"; function SidebarExample() { return ( <Sidebar hideLogo={false} logoImage="https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png" > <Sidebar.Item selected={true}>Overview</Sidebar.Item> <Sidebar.Item icon="FeatherBarChart">Analytics</Sidebar.Item> <Sidebar.Item icon="FeatherDatabase">Database</Sidebar.Item> <Sidebar.Item icon="FeatherSettings">Settings</Sidebar.Item> </Sidebar> ); } export default SidebarExample;
children
React.ReactNode
hideLogo
boolean
false
logoImage
string
"https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png"
<nav>
onClick
className
Use selected prop on the Sidebar.Item a user is currently on.
selected
Sidebar.Item
View code