A button enables users to execute actions, such as submitting a form, opening a dialog, or canceling an action.
Full Width
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Hierarchy | Variant | Filled |
| Filled Tonal | ||
| Outlined | ||
| Text | ||
| Destructive | ||
| Others | ||
| State | Variant | Enabled |
| Hover | ||
| Pressed | ||
| Focus | ||
| Loading | ||
| Disabled | ||
| Skeleton | ||
| Icon Position | Variant | None |
| Leading | ||
| Trailing | ||
| Text Label | Text |
Large
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Hierarchy | Variant | Filled |
| Filled Tonal | ||
| Outlined | ||
| Text | ||
| Destructive | ||
| Others | ||
| State | Variant | Enabled |
| Hover | ||
| Pressed | ||
| Focus | ||
| Loading | ||
| Disabled | ||
| Skeleton | ||
| Icon Position | Variant | None |
| Leading | ||
| Trailing | ||
| Icon Only | ||
| Text Label | Text |
Medium
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Hierarchy | Variant | Filled |
| Filled Tonal | ||
| Outlined | ||
| Text | ||
| Destructive | ||
| Others | ||
| State | Variant | Enabled |
| Hover | ||
| Pressed | ||
| Focus | ||
| Loading | ||
| Disabled | ||
| Skeleton | ||
| Icon Position | Variant | None |
| Leading | ||
| Trailing | ||
| Icon Only | ||
| Text Label | Text |
Small
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Hierarchy | Variant | Filled |
| Filled Tonal | ||
| Outlined | ||
| Text | ||
| Destructive | ||
| Others | ||
| State | Variant | Enabled |
| Hover | ||
| Pressed | ||
| Focus | ||
| Loading | ||
| Disabled | ||
| Skeleton | ||
| Icon Position | Variant | None |
| Leading | ||
| Trailing | ||
| Icon Only | ||
| Text Label | Text |
Single Sign On
| Core Components | ||
|---|---|---|
| Property Name | Property Type | Property Value |
| Platform | Variant | Apple |
| Variant | Variant | Block |
| Dynamic | ||
| Icon Only | ||
| State | Variant | Enabled |
| Hover | ||
| Pressed | ||
| Focus | ||
| Loading | ||
| Disabled | ||
| Text Label | Text |
