Button

This is a simple HTML button element with xstyled super powers.

Variants

• variant: contained | outlined | ghost

  default value: contained

  • contained: A filled button with a shadow
  • outlined: A button with a border and a shadow
  • ghost: A button with no border and no shadow

• size: content | auto | small | medium | large

  default value: content

  • content: The button will be the size according to the children
  • auto: The button will be the size of full width from parent
  • small: Fixed small size button
  • medium: Fixed medium size button
  • large: Fixed large size button

• colorMode: default | danger | warning | safe

  default value: default

  • default: The button will be the systemPrimary color
  • danger: The button will be the systemDanger color
  • warning: The button will be the systemWarning color
  • safe: The button will be the systemSafe color

Usage