Skip to main content

Interactive

Interactive is a base element that makes content clickable and focusable, such as cards or list rows that act as buttons or links.

Import

import { Interactive } from '@vortexlabs/vortex';
import type { InteractiveProps } from '@vortexlabs/vortex';

Allied components

Other links

Interactive props
PropTypeDefaultAttributes
as
union
No default value
children
React.ReactNode
No default value
render
callback
No default value
onClick
callback
No default value
type
union
No default value
disabled
boolean
No default value
stopPropagation
boolean
No default value
className
union
No default value
attributes
object
No default value
touchHitbox
boolean
No default value
fullWidth
boolean
No default value
insetFocus
boolean
No default value
focusRingDisabled
boolean
No default value
borderRadius
"inherit"
No default value
href
string
No default value
openInNewTab
boolean
No default value
ref
ref
No default value