Button

Buttons allow users to take actions, and make choices, with a single tap.

Usage

Solid buttons

Contained buttons are high-emphasis, distinguished by their use of elevation and fill. They contain actions that are primary to your app.

Outline buttons

Outlined buttons are medium-emphasis buttons. They contain actions that are important, but aren’t the primary action in an app. Outlined buttons are also a lower emphasis alternative to contained buttons, or a higher emphasis alternative to text buttons.

Disabled buttons

When button should be un-clickable and unusable, disabled buttons are used disabled HTML attribute along with disabled button of Intact UI can be used

Text buttons

Text buttons are typically used for less-pronounced actions, including those located in dialogs or in cards.

Sized buttons

Buttons with icons

Sometimes you might want to have icons for certain button to enhance the UX of the application as we recognize logos more easily than plain text. For example, if you have a delete button you can label it with a dustbin icon.

Floating buttons

Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.

Link buttons

Want to attach a link action, at a button tap? Use Link Button