Component

Buttons

Usage

Buttons allow users to perform an action or to navigate to another page. They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.

Sizes

There are five button sizes:

Types
Fill Button

-Used for the key action on the page or modal, for example, Search, Sign In, Print, Create, etc.


Outline Button

- Can be used for singular, secondary features that lack a related primary action button. Or can be used for primary actions where added visual attention is not needed (Sign In on a marketing page).

- Sections of marketing content should use outline buttons to let the user learn more about the promoted content.


Ghost Button

- Optional features on a page or container

- Toolbars, tool menus, or other lists of tools

Status

Buttons are available in multiple colors using status property:

States
Contact Us

Need a custom design for your web or mobile application? Just drop us a line

contact@akveo.com
Documentation licensed under CC BY 4.0.
© 2015-2020 Akveo LLC.