gh-vuer-ai-vuer-skill-marketplace-skills-vuer-uikit/docs/components/navigation.md

• 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}
/>