Skip to main content

Button

Button is a widget that triggers various actions like opening a dialog, confirming an action, or initiating a delete operation. It can contain text, icons, or both, and is clicked or tapped to execute the desired action.

Import

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

Allied components

Other links

Button props
PropTypeDefaultAttributes
attributes
object
No default value
onClick
callback
No default value
type
union
No default value
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
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

Button.Align props
PropTypeDefaultAttributes
children
indexed
No default value
edges
indexed
all
className
union
No default value
attributes
object
No default value

Button.Group

Button.Group props
PropTypeDefaultAttributes
children
React.ReactNode
No default value
className
union
No default value
attributes
object
No default value