Initial commit
This commit is contained in:
54
docs/components/navigation.md
Normal file
54
docs/components/navigation.md
Normal file
@@ -0,0 +1,54 @@
|
||||
- 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}
|
||||
/>
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user