Link
button in a ButtonToolbar
.A button should load together with the component it is in. When interacted with, a button can have a focused/hover state and a pressed state. It returns to its default state after being clicked.
Buttons that can’t be clicked because of unmet conditions are given the disabled state.
The Primary button is used to denote the start and end of a workflow for the user. It should only appear once per screen and is not required for all pages. Examples: Submit Report, Approve Invoice, Book Flight
The Default button is the standard button for most use cases and actions throughout most experiences.
The Link button is the least prominent button on the page and is typically used for Cancel or Close. Link buttons don’t have a minimum width if used in a ButtonToolbar. While Link Buttons visually look like a text link, they have the same padding, margin, and expected keyboard trigger behavior as a button. This is different than an actual navigational link. See Design Usage for details.
Muted buttons have limited use. Muted buttons are medium-emphasis buttons used for less important actions on the page.
The Create button has limited use. A Create button is used for adding new items in Concur. There is no muted version.
Currently, there are 3 supported button sizes: ‘lg’ (default), ‘md’ and ‘sm’. The large size is recommended for all NUI experiences.