ε Button

Element: A click/tap-able screen element used to build other elements and components, ie. Button Panel, ListItem with a right side button etc.

Styleguide Link

• Parent: Button Panel, Button Bar, Multiple others

• Child: Label

Properties

Style: The visual appearance (styling) of the object

• Primary (default)

• Secondary

• Dark

• Neutral

• Light

Type: A way to structure high level variations of an object into like collections

• Fill (default)

• Line

• Text

Shape: The different border treatments for the surface of the object

• Rounded (default)

• Square

Size: The general size of the object in relation to others

• XSmall

• Small

• Medium (default)

• Large

• Dynamic: The width AND height can be set to any value, this differs from the others which have FIXED heights.

State: The possible visual appearances, which are also tied to functionality of the given object. ie Disabled and the object can not be interacted with and visually shows that.

• Enabled (default)

• Disabled

• Hover: Web/Desktop only

• Pressed

• Focus

Usage

Loading - The ability to display a spinner on a button to represent action being taken to search or get information.