55 lines
1.0 KiB
Markdown
55 lines
1.0 KiB
Markdown
- 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}
|
|
/>
|
|
```
|
|
|