Button

Stable

Interactive button component with ripple effect and multiple variants.

Import

import { Button } from '@brutal-ui/react';

Variants

<Button variant='primary'>Primary</Button>
<Button variant='secondary'>Secondary</Button>
<Button variant='success'>Success</Button>
<Button variant='danger'>Danger</Button>
<Button variant='outline'>Outline</Button>
<Button variant='ghost'>Ghost</Button>

Sizes

<Button size='sm'>Small</Button>
<Button size='md'>Medium</Button>
<Button size='lg'>Large</Button>

States

<Button>Normal</Button>
<Button disabled>Disabled</Button>

With Icons

<Button>
  <span className='mr-2'>💾</span>
  Save
</Button>
<Button variant='danger'>
  <span className='mr-2'>🗑️</span>
  Delete
</Button>

Props

Prop	Type	Default	Description
variant	string	"primary"	Button style variant
size	string	"md"	Button size
disabled	boolean	false	Disable button interactions
onClick	function	-	Click event handler