Button

Buttons enable users to initiate actions on the interface, such as saving a document, opening a dialog, closing a panel, and more.

Basic (.e-btn)

.e-btn

Preview

Open in playground →

Button for Dropdown

.e-btn-dropdown

Preview

Open in playground →

Icon-only Button

.e-btn-onlyicon

Preview

Open in playground →

Disabled Button

.e-btn-disabled

Preview

Open in playground →

Button in Loading State

e-busy-indicator > .e-btn

Preview

Open in playground →

Button Sizes

.e-btn-small, .e-btn-large, .e-btn-extended

Preview

Open in playground →

Narrow Button

.e-btn-narrow

Preview

Open in playground →

Full-width Button

.e-btn-fullwidth

Preview

Open in playground →

Primary Button

.e-btn-primary

Preview

Open in playground →

Borderless Button

.e-btn-borderless

Preview

Open in playground →

Link Button

.e-btn-link

Preview

Open in playground →

Toggle Buttons

Toggle .e-btn-active with JavaScript

Preview

Open in playground →

Button on Overlay

.e-btn-on_overlay

Preview

Open in playground →