Open UIOpen UI GitHub

Button

Names

  • Button - Ant Design, Atlaskit, Carbon Design System, Evergreen, UI Fabric, FastDNA, Primer Design System, Semantic UI, Stardust UI, WAI-ARIA
  • Buttons - Auth0 Styleguide, Bootstrap, Lightning Design System, Material Components Web
  • Button group - Bootstrap
  • Button Groups - Lightning Design System
  • Button Icons - Lightning Design System

Anatomy

  • icon
  • root
  • content

Concepts

primary

antd-button-primary.pngcarbon-button-primary.pngprimer-primary-button.pngsui-button-primary.png

default

antd-button-default.pngprimer-default-button.png

dashed

antd-button-dashed.png

danger

antd-button-danger.pngcarbon-button-danger.pngprimer-danger-button.png

link

antd-button-link.pngprimer-link-button.png

icon

antd-button-icon.pngcarbon-button-icon.pngprimer-octicon-button.pngsui-button-icon.png

small

antd-button-size.pngcarbon-button-small.pngprimer-small-button.png

large

antd-button-size.pngprimer-large-button.png

circle

antd-button-circle.png

round

antd-button-round.png

disabled

antd-button-disabled.pngcarbon-button-disabled.pngprimer-disabled-button.pngsui-button-disabled.png

loading

antd-button-loading.pngsui-button-loading.png

group

antd-button-group.pngprimer-button-group.png

ghost

antd-button-ghost.pngcarbon-button-ghost.png

block

antd-button-block.pngprimer-block-button.png

secondary

carbon-button-secondary.pngsui-button-secondary.png

tertiary

carbon-button-tertiary.png

icon-only

carbon-button-icon-only.png

set

carbon-button-set.png

outline

primer-outline-button.png

close

primer-close-button.png

count

primer-count-button.png

counter

primer-counter-button.png

invisible

primer-invisible-button.png

hidden

primer-hidden-button.png

standard

sui-button-standard.png

labeled

sui-button-labeled.png

labeled icon

sui-button-labeled-icon.png

basic

sui-button-basic.png

inverted

sui-button-inverted.png

buttons

sui-button-buttons.png

icon buttons

sui-button-icon-buttons.png

or

sui-button-or.png

active

sui-button-active.png