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 '@vortex-kit/vortex';
import type { ButtonProps } from '@vortex-kit/vortex';

Display

<Button variant="primary" size="md">Primary</Button>

Allied components

Link Interactive

Button

Prop	Type	Default
`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.Group

Prop	Type	Default
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value

Button.Aligner

Prop	Type	Default
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value
`side`	`union \| array`	No default value