Skip to main content

dyte-button

A button that follows Dyte's Design System.

<dyte-button>Primary</dyte-button>
<dyte-button variant="secondary">Secondary</dyte-button>

Props​

disabled

Where the button is disabled or not

Default
false
Type
boolean

iconPack

Icon pack

Default
defaultIconPack

kind

Button type

Default
'button'
Type
"button" | "icon" | "wide"

reverse

Whether to reverse order of children

Default
false
Type
boolean

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()

variant

Button variant

Default
'primary'
Type
"danger" | "ghost" | "primary" | "secondary"