> ## Documentation Index
> Fetch the complete documentation index at: https://docs.turbostack.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Navbar

A Navigation bar, visually like a tab bar that allows a dynamic content between nested navigation pages.

<img src="https://mintcdn.com/ravitechsolutions/jCk1IPeJr8ul3nyO/images/components/navbar.png?fit=max&auto=format&n=jCk1IPeJr8ul3nyO&q=85&s=8836b9a39ace91aa3eb197ce2f3dbc82" alt="Navbar Component" width="252" height="68" data-path="images/components/navbar.png" />

## Usage

```ts theme={null}
import { Navbar } from '@turbostack/ui'
```

```tsx theme={null}
const navigation = [
  {
    label: "General",
    href: `/${slug}/settings`,
    segment: null,
  },
  {
    label: "Team",
    href: `/${slug}/settings/team`,
    segment: "team",
  },
  {
    label: "Billing",
    href: `/${slug}/settings/billing`,
    segment: "billing",
  },
];

return <Navbar navigation={navigation} />
```