Button
Button is used to initiate actions on a page or form.
On this page
Description
Use Button for actions (e.g. in forms). Use links for destinations, or moving from one page to another.
Arguments
| Name | Default | Description |
|---|---|---|
scheme |
| SymbolOne of |
variant |
| SymbolDEPRECATED. One of |
size |
| SymbolOne of |
tag |
| SymbolOne of |
type |
| SymbolOne of |
group_item |
| BooleanWhether button is part of a ButtonGroup. |
block |
| BooleanWhether button is full-width with |
dropdown |
| BooleanWhether or not to render a dropdown caret. |
system_arguments | N/A | Hash |
Slots
leading_visual
Leading visuals appear to the left of the button text.
Use:
leading_visual_iconfor a Octicon.
| Name | Default | Description |
|---|---|---|
system_arguments | N/A | HashSame arguments as Octicon. |
trailing_visual
Trailing visuals appear to the right of the button text.
Use:
trailing_visual_counterfor a Counter.
| Name | Default | Description |
|---|---|---|
system_arguments | N/A | HashSame arguments as Counter. |
tooltip
Tooltip that appears on mouse hover or keyboard focus over the button. Use tooltips sparingly and as a last resort.
Important: This tooltip defaults to type: :description. In a few scenarios, type: :label may be more appropriate.
Consult the Tooltip documentation for more information.
| Name | Default | Description |
|---|---|---|
type |
| SymbolOne of |
system_arguments | N/A | HashSame arguments as Tooltip. |
Methods
icon
remove alias when all buttons are migrated to new slot names
counter
remove alias when all buttons are migrated to new slot names