• Variants
  • Sizes
  • Selected
  • Disabled
  • Icon
  • Block
  • Loading
  • Events
Button Use GOAT UI’s custom input styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Variants Here are several predefined button styles, each serving its own semantic purpose. PrimarySecondarySuccessError
PrimarySecondarySuccessError
PrimarySecondarySuccessError
Custom branding CustomCustomCustom
Sizes Fancy larger or smaller buttons? Add size attribute for additional sizes. SmallMediumLargeXL ButtonXXL Button
Selected Here are several predefined button styles, each serving its own semantic purpose. PrimarySecondarySuccessWarningError
Disabled Make buttons look inactive by adding the disabled boolean attribute to any <button> element. PrimaryOutlineGhost
Icon Button CTA Button CTA

Button CTA
Block Block button
Loading Loading
Events Click me Disabled Button