Button

The Button component is an interactive element used to trigger actions or events within an application. It provides a consistent and accessible way for users to interact with the interface, featuring customizable styles and states (e.g., default, hover, active, disabled).

Source @welcome-ui/button Built with Ariakit

Button

disabled

Boolean

isLoading

Boolean

shape

"circle" | "square"

size

"xxs" | "xs" | "sm" | "md" | "lg" | undefined = md

variant

"disabled" | "primary" | "secondary" | "tertiary" | "primary-info" | "secondary-info" | "primary-success" | "secondary-success" | "ghost" | "primary-warning" | "secondary-warning" | "primary-danger" | "secondary-danger" | undefined = primary

Tabs Button group