Skip to main content

ButtonVariant

Visual variants of a Button.

Inherits: enum.Enum

Properties

  • DESTRUCTIVE - Solid button for dangerous or irreversible actions.
  • GHOST - Transparent button without a border that shows a background on hover.
  • LINK - Text-only button that is underlined on hover.
  • OUTLINE - Transparent button with a border.
  • PRIMARY - Solid button using the primary color.
  • SECONDARY - Solid button using the secondary color.

Properties​

DESTRUCTIVEclass-attributeinstance-attribute​

Solid button for dangerous or irreversible actions.

GHOSTclass-attributeinstance-attribute​

Transparent button without a border that shows a background on hover.

Text-only button that is underlined on hover.

OUTLINEclass-attributeinstance-attribute​

Transparent button with a border.

PRIMARYclass-attributeinstance-attribute​

Solid button using the primary color. This is the default.

SECONDARYclass-attributeinstance-attribute​

Solid button using the secondary color.