- Home
- Components
- Navigation

# Navigation

A navigation component with back/forward buttons and title display.

## Props


Prop	Type	Default	Description
title	string	-	The title text to display
onBack	() => void	-	Callback for back button click
onForward	() => void	-	Callback for forward button click
canGoBack	boolean	true	Whether the back button should be enabled
canGoForward	boolean	true	Whether the forward button should be enabled
size	"sm" | "md" | "lg"	"md"	Size variant for buttons and title
className	string	-	Additional CSS class names

## Basic Usage

```
<Navigation 
  title="Community" 
/>
```

## Sizes

```
<Navigation size="sm" title="Small Navigation" />
<Navigation size="md" title="Medium Navigation" />
<Navigation size="lg" title="Large Navigation" />
```

## Disabled States

```
<Navigation 
  title="Cannot Go Back" 
  canGoBack={false}
/>
<Navigation 
  title="Cannot Go Forward" 
  canGoForward={false}
/>
<Navigation 
  title="Both Disabled" 
  canGoBack={false}
  canGoForward={false}
/>
```