Interactive — Properties — Vortex Design System

Interactive

The Interactive component is a primitive element designed for building clickable and focusable elements.

Import

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

Display

<Interactive onClick={() => {}}>Click me</Interactive>

Allied components

Other links

Component properties
Prop	Type	Default
`children`	`React.ReactNode`	No default value
`href`	`string`	No default value
`external`	`boolean`	No default value
`onClick`	`function`	No default value
`type`	`union`	`button`
`disabled`	`boolean`	No default value
`stopPropagation`	`boolean`	No default value
`fullWidth`	`boolean`	No default value
`insetFocus`	`boolean`	No default value
`focusRingDisabled`	`boolean`	No default value
`borderRadius`	`union`	No default value
`touchHitbox`	`boolean`	No default value
`as`	`keyof React.JSX.IntrinsicElements`	`button \| span`
`render`	`function`	No default value
`className`	`union`	No default value
`attributes`	`object`	No default value