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
Community
<Navigation
title="Community"
/>
Sizes
Small Navigation
Medium Navigation
Large Navigation
<Navigation size="sm" title="Small Navigation" />
<Navigation size="md" title="Medium Navigation" />
<Navigation size="lg" title="Large Navigation" />
Disabled States
Cannot Go Back
Cannot Go Forward
Both Disabled
<Navigation
title="Cannot Go Back"
canGoBack={false}
/>
<Navigation
title="Cannot Go Forward"
canGoForward={false}
/>
<Navigation
title="Both Disabled"
canGoBack={false}
canGoForward={false}
/>