Skip to content
7 Seventh UI CSS

Components

Bitbucket Figma

Button

Plain CSS implementation of the Figma Button section, node 636:1644.

Sizes

Variants

Text With Icons

Icon Button

Danger

States

Dark Theme

CSS API

Use .sui-btn with size and visual modifiers. Icon-only buttons must have an accessible name.

<button class="sui-btn sui-btn--primary sui-btn--lg">Action</button> <button class="sui-btn sui-btn--icon sui-btn--primary sui-btn--md" aria-label="Add item">...</button>