Button Props — Vortex Design System

Button

Button is a widget that lets people trigger an action, such as submitting a form, opening a dialog, or deleting a project.

Import

import { Button } from '@vortexlabs/vortex';
import type { ButtonProps } from '@vortexlabs/vortex';

Allied components

Other links

Button props
Prop	Type	Default
`attributes`	`object`	No default value
`onClick`	`callback`	No default value
`type`	`union`	`button`
`disabled`	`boolean`	No default value
`href`	`string`	No default value
`as`	`union`	No default value
`openInNewTab`	`boolean`	No default value
`render`	`callback`	No default value
`stopPropagation`	`boolean`	No default value
`touchHitbox`	`boolean`	No default value
`insetFocus`	`boolean`	No default value
`focusRingDisabled`	`boolean`	No default value
`borderRadius`	`"inherit"`	No default value
`variant`	`union`	`primary`
`tone`	`"critical"`	No default value
`size`	`union`	`md`
`rounded`	`boolean`	`false`
`loading`	`boolean`	No default value
`loadingText`	`boolean`	`false`
`fullWidth`	`boolean`	No default value
`children`	`React.ReactNode`	No default value
`className`	`union`	No default value
`onlyIcon`	`union`	No default value
`startIcon`	`union`	No default value
`endIcon`	`union`	No default value
`ariaLabel`	`string`	No default value
`ref`	`ref`	No default value

Button.Align props
Prop	Type	Default
`children`	`indexed`	No default value
`edges`	`indexed`	`all`
`className`	`union`	No default value
`attributes`	`object`	No default value

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