Button Components

Action-triggering components in various styles. All buttons follow Material Design 3.

Available Components

  • Button - Primary, secondary, and tertiary buttons
  • IconButton - Icon-based button
  • FAB - Floating Action Button
  • ToggleButton - Toggle on/off button

Button States

All buttons support these states:

State Property Description
Normal - Default button state
Hover - Visual feedback on hover
Pressed - Active state while pressing
Disabled disabled: true Non-interactive state
Loading loading: true Shows loading indicator
Focused - Keyboard focus state

Choose a component above to view detailed documentation →


Table of contents