Required. Buttons require the ae-btn class and type="button" attribute.
| Size | Demo | Usage |
|---|---|---|
| Small | .ae-btn-sm |
|
| Medium | .ae-btn-md |
|
| Large | .ae-btn-lg |
| State | Demo |
|---|---|
| Default | |
| Hover | |
| Active | |
| Focus |
| Name | Demo | Usage | Notes |
|---|---|---|---|
| Default | .ae-btn-default |
Actions | |
| Primary | .ae-btn-primary |
Primary actions | |
| Secondary | .ae-btn-secondary |
Secondary actions | |
| Border | .ae-btn-border |
Adds border to actions | |
| Disabled | .ae-btn-disabled |
Requires disabled="disabled" attribute |
|
| Success | .ae-btn-success |
Submit, confirm | |
| Danger | .ae-btn-danger |
Delete, cancel, remove |
Buttons can have a badge count.
You can also apply button styles for <input> and <a href="#"></a>.
To use two or more buttons in a group, see Button Groups.