Normal buttons

Normal buttons are used in the content of an application for calls to action and commands. In their most basic form, buttons contain text labels, but the following styles also exist:

• Icon only
• Icon + text label
• Dropdown

Button types

Button states

Usage:

• Includes actions or commands in body of application.
• Provides dropdown functionality.

Split buttons

Split button sizes & distribution

Active state examples