<a id="button"></a>

## Button  
**Category**: Actions
Clicky clicky
### Examples

#### Base Button  
```python
Button('Button', cls='btn')
```

#### Element Types  
```python
A('Link', role='button', cls='btn'),
Button('Button', type='submit', cls='btn'),
Input(type='button', value='Input', cls='btn'),
Input(type='submit', value='Submit', cls='btn'),
Input(type='radio', aria_label='Radio', cls='btn'),
Input(type='checkbox', aria_label='Checkbox', cls='btn'),
Input(type='reset', value='Reset', cls='btn')
```

#### Leading Icon  
```python
Button( SVG, 'Like', cls='btn')
```

#### Loading Spinner  
```python
Button(Span(cls='loading loading-spinner'), cls='btn btn-square')
Button(Span(cls='loading loading-spinner mr-2'),'Loading...', cls='btn' )
```

#### Size Variants  
```python
Button('XLarge', cls='btn btn-xl')
Button('Large', cls='btn btn-lg')
Button('Medium', cls='btn')
Button('Small', cls='btn btn-sm')
Button('Xsmall', cls='btn btn-xs')
```

#### Soft Buttons  
```python
Button('Default', cls='btn btn-soft')
Button('Primary', cls='btn btn-soft btn-primary')
Button('Secondary', cls='btn btn-soft btn-secondary')
Button('Accent', cls='btn btn-soft btn-accent')
Button('Info', cls='btn btn-soft btn-info')
Button('Success', cls='btn btn-soft btn-success')
Button('Warning', cls='btn btn-soft btn-warning')
Button('Error', cls='btn btn-soft btn-error')
```

#### Square Buttons  
```python
Button( SVG, cls='btn btn-square'),
Button( SVG, cls='btn btn-square btn-outline')
```

#### Outline Buttons  
```python
Button('Default', cls='btn btn-outline')
Button('Primary', cls='btn btn-outline btn-primary')
Button('Secondary', cls='btn btn-outline btn-secondary')
Button('Accent', cls='btn btn-outline btn-accent')
Button('Info', cls='btn btn-outline btn-info')
Button('Success', cls='btn btn-outline btn-success')
Button('Warning', cls='btn btn-outline btn-warning')
Button('Error', cls='btn btn-outline btn-error')
```

#### Brand Colors  
```python
Button('Neutral', cls='btn btn-neutral')
Button('Primary', cls='btn btn-primary')
Button('Secondary', cls='btn btn-secondary')
Button('Accent', cls='btn btn-accent')
Button('Info', cls='btn btn-info')
Button('Success', cls='btn btn-success')
Button('Warning', cls='btn btn-warning')
Button('Error', cls='btn btn-error')
```

#### Circle Buttons  
```python
Button( SVG, cls='btn btn-circle'),
Button( SVG, cls='btn btn-circle btn-outline')
```

#### Dash Buttons  
```python
Button('Default', cls='btn btn-dashed')
Button('Primary', cls='btn btn-dashed btn-primary')
Button('Secondary', cls='btn btn-dashed btn-secondary')
Button('Accent', cls='btn btn-dashed btn-accent')
Button('Info', cls='btn btn-dashed btn-info')
Button('Success', cls='btn btn-dashed btn-success')
Button('Warning', cls='btn btn-dashed btn-warning')
Button('Error', cls='btn btn-dashed btn-error')
```

#### Disabled States  
```python
Button('Attribute Disabled', disabled=True, cls='btn'),
Button('Class Disabled', tabindex='-1', role='button', aria_disabled='true', cls='btn btn-disabled')
```

#### Trailing Icon  
```python
Button('Like', SVG, cls='btn')
```

#### Responsive Sizing  
```python
Button('Responsive', cls='btn btn-xs sm:btn-sm md:btn-md lg:btn-lg xl:btn-xl')
```

#### Active States  
```python
Button('Default', cls='btn btn-active')
Button('Primary', cls='btn btn-active btn-primary')
Button('Secondary', cls='btn btn-active btn-secondary')
Button('Accent', cls='btn btn-active btn-accent')
Button('Info', cls='btn btn-active btn-info')
Button('Success', cls='btn btn-active btn-success')
Button('Warning', cls='btn btn-active btn-warning')
Button('Error', cls='btn btn-active btn-error')
```

#### Glass Button  
```python
Button('Glass', cls='btn glass')
```

#### Wide Button  
```python
Button('Wide', cls='btn btn-wide')
```

#### Block Button  
```python
Button('block', cls='btn btn-block')
```

#### Ghost and Link Buttons  
```python
Button('Ghost', cls='btn-ghost')
Button('Link', cls='btn-link')
```