Popover Props — Vortex Design System

Popover

Popover is an overlay that shows content beside a trigger, such as display settings, filters, or quick actions.

Import

import { Popover } from '@vortexlabs/vortex';
import type { PopoverProps } from '@vortexlabs/vortex';

Allied components

Other links

Popover props
Prop	Type	Default
`autoFocus`	`boolean`	`true`
`width`	`string`	No default value
`id`	`string`	No default value
`position`	`union`	`bottom-center`
`onOpen`	`callback`	No default value
`active`	`boolean`	No default value
`containerRef`	`ref`	No default value
`positionRef`	`ref`	No default value
`fallbackPositions`	`union`	No default value
`contentMaxHeight`	`union`	No default value
`originCoordinates`	`object`	No default value
`fallbackAdjustLayout`	`boolean`	No default value
`triggerType`	`union`	`click`
`onClose`	`callback`	No default value
`trapFocusMode`	`union`	No default value
`defaultActive`	`boolean`	`false`
`contentGap`	`number`	`2`
`contentShift`	`number`	No default value
`instanceRef`	`ref`	No default value
`contentHoverDisabled`	`boolean`	No default value
`hideAnimationDisabled`	`boolean`	No default value
`closeOnOutsideClickDisabled`	`boolean`	No default value
`initialFocusRef`	`ref`	No default value
`fallbackMinHeight`	`string`	No default value
`children`	`React.ReactNode`	No default value
`padding`	`union`	`md`

Popover.Trigger props
Prop	Type	Default	Attributes
`children`	`indexed`	No default value

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