"use client"; import React from "react"; import { Navbar } from "@/subframe/components/Navbar"; function NavbarExample() { return ( <Navbar logo="https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png"> <Navbar.Item>Home</Navbar.Item> <Navbar.Item selected={true}>Analytics</Navbar.Item> <Navbar.Item>Profile</Navbar.Item> <Navbar.Item>Settings</Navbar.Item> </Navbar> ); } export default NavbarExample;
children
React.ReactNode
logo
string
"https://res.cloudinary.com/subframe/image/upload/v1711417507/shared/y2rsnhq3mex4auk54aye.png"
<nav>
onClick
className
Use selected prop on the Navbar.Item a user is currently on.
selected
Navbar.Item
View code