Button()

Button(__namedParameters): Element

Button - A versatile interactive button component with multiple variants

Provides accessible button functionality with support for different visual styles, sizes, and interactive states. Includes icon support and integrates with React Aria for keyboard navigation and accessibility features.

Parameters

__namedParameters

ButtonProps

Returns

Element

Examples

// Basic button
<Button>Click me</Button>

// Primary button with different sizes
<Button variant="filled" size="large">Large Filled</Button>
<Button variant="outline" size="small">Small Outline</Button>

// Button with icon
<Button variant="flat">
  <Icon><Plus /></Icon>
  Add Item
</Button>

// Icon-only button
<Button variant="icon">
  <Icon><Settings /></Icon>
</Button>

// Button with different colors
<Button color="critical">Critical Button</Button>
<Button color="serious">Delete</Button>