Skip to content
Open UI

Button

Names

Anatomy

  • icon
  • root
  • content
  • Label
  • Icon
  • Container

Concepts

dashed concept on a Button component in Ant Design.

round concept on a Button component in Ant Design.

dark concept on a Button component in Boosted.

no-outline concept on a Button component in Boosted.

warning concept on a Button component in Bootstrap.

info concept on a Button component in Bootstrap.

set concept on a Button component in Carbon Design System.

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

No images for the following design systems:

  • KoliBri

close concept on a Button component in Primer Design System.

count concept on a Button component in Primer Design System.

counter concept on a Button component in Primer Design System.

hidden text concept on a Button component in Primer Design System.

animated concept on a Button component in Semantic UI.

labeled concept on a Button component in Semantic UI.

labeled icon concept on a Button component in Semantic UI.

inverted concept on a Button component in Semantic UI.

icon buttons concept on a Button component in Semantic UI.

or concept on a Button component in Semantic UI.

active concept on a Button component in Semantic UI.

floated concept on a Button component in Semantic UI.

colored concept on a Button component in Semantic UI.

compact concept on a Button component in Semantic UI.

vertically attached concept on a Button component in Semantic UI.

horizontally attached concept on a Button component in Semantic UI.

labeled icon buttons concept on a Button component in Semantic UI.

equal width concept on a Button component in Semantic UI.

circle
circular
circular concept on a Button component in Ant Design.
circle
circular concept on a Button component in Semantic UI.

loading concept on a Button component in Ant Design.
loading concept on a Button component in Semantic UI.

light concept on a Button component in Boosted.
light concept on a Button component in Bootstrap.

icon-only concept on a Button component in Boosted.

No images for the following design systems:

  • KoliBri

social concept on a Button component in Boosted.
social concept on a Button component in Semantic UI.

radio concept on a Button component in Boosted.
radio concept on a Button component in Bootstrap.

vertical
vertical buttons
vertical concept on a Button component in Bootstrap.
vertical concept on a Button component in Semantic UI.
vertical buttons

success
positive
success concept on a Button component in Boosted.
success concept on a Button component in Bootstrap.
success concept on a Button component in Semantic UI.
positive

single toggle
checkbox
toggle
toggle concept on a Button component in Bootstrap.
single toggle
toggle concept on a Button component in Bootstrap.
checkbox
toggle concept on a Button component in Semantic UI.

sharp
rounded
round
shape concept on a Button component in GoodBarber Design System.
sharp
shape concept on a Button component in GoodBarber Design System.
rounded
shape concept on a Button component in GoodBarber Design System.
round

block
fluid
block concept on a Button component in Ant Design.
block concept on a Button component in Bootstrap.
block concept on a Button component in Primer Design System.
block concept on a Button component in Semantic UI.
fluid

link
lightweight
tertiary
link concept on a Button component in Boosted.
link concept on a Button component in FAST.
lightweight
link concept on a Button component in GoodBarber Design System.
tertiary
link concept on a Button component in Primer Design System.

group
buttons
group concept on a Button component in Boosted.
group concept on a Button component in Bootstrap.
group concept on a Button component in Primer Design System.
group concept on a Button component in Semantic UI.
buttons

default
base
neutral
standard
default concept on a Button component in Ant Design.
default concept on a Button component in Boosted.
base
default concept on a Button component in FAST.
neutral
default concept on a Button component in Primer Design System.
default concept on a Button component in Semantic UI.
standard

secondary
dark
secondary concept on a Button component in Boosted.
secondary concept on a Button component in Bootstrap.
secondary concept on a Button component in Bootstrap.
dark
secondary concept on a Button component in Carbon Design System.
secondary concept on a Button component in Semantic UI.

danger
negative
danger concept on a Button component in Ant Design.
danger concept on a Button component in Boosted.
danger concept on a Button component in Bootstrap.
danger concept on a Button component in Carbon Design System.
danger concept on a Button component in Primer Design System.
danger concept on a Button component in Semantic UI.
negative

link
ghost
stealth
text
invisible
ghost concept on a Button component in Ant Design.
link
ghost concept on a Button component in Bootstrap.
link
ghost concept on a Button component in Carbon Design System.
ghost concept on a Button component in FAST.
stealth
ghost concept on a Button component in Material Components Web.
text
ghost concept on a Button component in Primer Design System.
invisible

disabled concept on a Button component in Ant Design.
disabled concept on a Button component in Boosted.
disabled concept on a Button component in Carbon Design System.
disabled concept on a Button component in Primer Design System.
disabled concept on a Button component in Semantic UI.

No images for the following design systems:

  • KoliBri

ghost
outline
tertiary
secondary
outlined
basic
outline concept on a Button component in Ant Design.
ghost
outline concept on a Button component in Bootstrap.
outline concept on a Button component in Carbon Design System.
tertiary
outline concept on a Button component in FAST.
outline concept on a Button component in GoodBarber Design System.
secondary
outline concept on a Button component in Material Components Web.
outlined
outline concept on a Button component in Primer Design System.
outline concept on a Button component in Semantic UI.
basic

primary
accent
contained
primary concept on a Button component in Ant Design.
primary concept on a Button component in Boosted.
primary concept on a Button component in Bootstrap.
primary concept on a Button component in Carbon Design System.
primary concept on a Button component in FAST.
accent
primary concept on a Button component in GoodBarber Design System.
primary concept on a Button component in Material Components Web.
contained
primary concept on a Button component in Primer Design System.
primary concept on a Button component in Semantic UI.

icon
icon only
leading icon
octicon
icon concept on a Button component in Ant Design.
icon concept on a Button component in Boosted.
icon concept on a Button component in Carbon Design System.
icon concept on a Button component in Carbon Design System.
icon only
icon concept on a Button component in GoodBarber Design System.
icon concept on a Button component in Material Components Web.
leading icon
icon concept on a Button component in Primer Design System.
octicon
icon concept on a Button component in Semantic UI.

No images for the following design systems:

  • KoliBri

small
large
size
field
medium
mini
tiny
big
huge
massive
size concept on a Button component in Ant Design.
small
size concept on a Button component in Ant Design.
large
size concept on a Button component in Boosted.
size concept on a Button component in Bootstrap.
large
size concept on a Button component in Bootstrap.
small
size concept on a Button component in Carbon Design System.
small
size concept on a Button component in Carbon Design System.
field
size concept on a Button component in GoodBarber Design System.
small
size concept on a Button component in GoodBarber Design System.
medium
size concept on a Button component in GoodBarber Design System.
large
size concept on a Button component in Primer Design System.
small
size concept on a Button component in Primer Design System.
large
size concept on a Button component in Semantic UI.
mini
size concept on a Button component in Semantic UI.
tiny
size concept on a Button component in Semantic UI.
small
size concept on a Button component in Semantic UI.
medium
size concept on a Button component in Semantic UI.
large
size concept on a Button component in Semantic UI.
big
size concept on a Button component in Semantic UI.
huge
size concept on a Button component in Semantic UI.
massive