| Prop | Type | Default | Attributes |
|---|---|---|---|
variant | union | primary | |
leftIcon | SVGIcon | No default value | |
rightIcon | SVGIcon | No default value | |
onlyIcon | SVGIcon | No default value | |
ariaLabel | string | No default value | |
size | union | md | |
rounded | boolean | No default value | |
loading | boolean | No default value | |
tone | union | No default value | |
disabled | boolean | No default value | |
fullWidth | boolean | No default value | |
children | React.ReactNode | No default value | |
className | union | No default value | |
as | keyof React.JSX.IntrinsicElements | button | |
attributes | object | No default value | |
href | string | No default value | |
type | union | button | |
onClick | function | No default value |
Button
Buttons are widgets that trigger various actions like opening a dialog, confirming an action, or initiating a delete operation. They can contain text, icons, or both, and are clicked or tapped to execute the desired action.
Import
import { Button } from '@vortexlabs/vortex';
import type { ButtonProps } from '@vortexlabs/vortex';Display
<Button variant="primary" size="sm">Click me</Button>Allied components
Other links