Open UIOpen UI
GitHub Discord

Button

Anatomy

  • icon
  • root
  • content

Concepts

small
large
field
mini
tiny
medium
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 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 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

primary
accent
contained
primary concept on a Button component in Ant Design.
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 Material Components Web.
contained
primary concept on a Button component in Primer Design System.
primary concept on a Button component in Semantic UI.

ghost
outline
tertiary
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 Material Components Web.
outlined
outline concept on a Button component in Primer Design System.
outline concept on a Button component in Semantic UI.
basic

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

icon
icon only
leading icon
octicon
icon concept on a Button component in Ant Design.
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 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.

danger
negative
danger concept on a Button component in Ant Design.
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

default
neutral
standard
default concept on a Button component in Ant Design.
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

disabled concept on a Button component in Ant Design.
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.

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

secondary
dark
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.

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.

group
buttons
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

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.

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

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

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

dashed concept on a Button component in Ant Design.

round concept on a Button component in Ant Design.

warning concept on a Button component in Bootstrap.

info concept on a Button component in Bootstrap.

light concept on a Button component in Bootstrap.

radio concept on a Button component in Bootstrap.

set concept on a Button component in Carbon Design System.

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.

social 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.