Variable: buttonVariantsConfig

const buttonVariantsConfig: object

Defined in: lib/base/Button.tsx:15

Configuration object for button variants and sizes. Defines the styling variants and size options for the Button component.

Type declaration

defaultVariants

readonly defaultVariants: object

defaultVariants.size

readonly size: "default" = 'default'

defaultVariants.variant

readonly variant: "default" = 'default'

variants

readonly variants: object

variants.size

readonly size: object

variants.size.default

readonly default: "h-10 px-4 py-2 native:h-12 native:px-5 native:py-2" = 'h-10 px-4 py-2 native:h-12 native:px-5 native:py-2'

variants.size.icon

readonly icon: "h-10 w-10" = 'h-10 w-10'

variants.size.lg

readonly lg: "h-11 rounded-md px-8 native:h-14" = 'h-11 rounded-md px-8 native:h-14'

variants.size.sm

readonly sm: "h-9 rounded-md px-3" = 'h-9 rounded-md px-3'

variants.variant

readonly variant: object

variants.variant.default

readonly default: "bg-primary web:hover:opacity-90 active:opacity-90" = 'bg-primary web:hover:opacity-90 active:opacity-90'

variants.variant.destructive

readonly destructive: "bg-destructive web:hover:opacity-90 active:opacity-90 border-destructive-darker border-2" = 'bg-destructive web:hover:opacity-90 active:opacity-90 border-destructive-darker border-2'

variants.variant.secondary

readonly secondary: "border-2 border-secondary-darker bg-secondary web:hover:opacity-80 active:opacity-80" = 'border-2 border-secondary-darker bg-secondary web:hover:opacity-80 active:opacity-80'