Button

Versatile button component with multiple variants and icon support.

import { Button } from '@document-writing-tools/kernux-react';
 
<Button variant="primary">Primary Button</Button>
<Button variant="secondary" icon="arrow-right" iconPosition="right">
  Next Step
</Button>
<Button variant="tertiary" block disabled>
  Disabled Block Button
</Button>

Props:

• variant?: "primary" | "secondary" | "tertiary" - Button style variant
• block?: boolean - Whether button should take full width
• icon?: string - Icon name to display
• iconPosition?: "left" | "right" - Position of the icon (default: “left”)
• iconClassName?: string - Additional CSS classes for the icon
• ariaLabel?: string - Accessibility label
• href?: string - If provided, renders as a link
• target?: string - Link target attribute
• Extends all standard HTML button element props