-
- Types |
-
- Accent (default)
- Primary
- Secondary
- Plain
- Plain with opacity
- |
-
-
-
-
- Custom hover behavior
- |
-
-
- Hover me
-
-
- Hover me
-
-
- Hover me
-
-
- Hover me
-
- |
-
-
-
-
- Custom press behavior
- |
-
-
- Press me
-
-
- Press me
-
-
- Press me
-
-
- Press me
-
- |
-
-
-
- Small size |
-
- Accent (default)
- Primary
- Secondary
- Plain
- Plain with opacity
- |
-
-
-
- Large size |
-
- Accent (default)
- Primary
- Secondary
- Plain
- Plain with opacity
- |
-
-
-
- With icons |
-
- Edit Button
- Mixed Button
- Plain with icon
- Small Edit Button
- Mixed Colors
- Dropdown Button
- |
-
-
-
- Button Colors |
-
- Info
- Danger
- Warning
- Success
- Dark
- |
-
-
-
- Disabled state |
-
- Accent (default)
- Primary
- Secondary
- Plain
- Plain with opacity
- |
-
-
-
- Button tags |
-
- Default
- A-link Button
- Router-link Button
- |
-
-
-
- Buttons with icons (as slots with config) |
-
-
-
-
- Colored icons
-
-
-
-
- Colored icons
-
-
-
- |
-
-
-
- Outline Buttons |
-
- Secondary
- Secondary
-
- Secondary
-
- |
-
-
-
- Icons-only Buttons |
-
-
-
-
-
-
- |
-
-
-
-
- Buttons with loading status
- |
-
- Start loading
- Start
- loading
-
- Stop loading
- |
-
-
-
-
- Round button
- |
-
- Label
-
-
- Label
- |
-
-
-
-
- Public methods (focus, blur)
- |
-
- Focus Main Button
- Main Button
- Blur Main Button
- |
-
-
-
-
- Multiline text
- |
-
-
- Default Button with long text
-
-
- Small Button with long text
-
- |
-
-
-
- Slots |
-
-
-
-
-
-
- Button
-
-
- prepend
- -
- append
-
- |
-
-
-