UNPKG

@accelint/design-toolkit

Version:

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

44 lines (41 loc) 1.26 kB
import * as react_jsx_runtime from 'react/jsx-runtime'; import { PopoverProps } from './types.js'; import 'react'; import 'react-aria-components'; /** * Popover - A floating content container positioned relative to a trigger element * * Provides accessible popover functionality with flexible positioning and content * organization. Perfect for contextual information, menus, or supplementary content * that appears on demand without interrupting the user's workflow. * * @example * // Basic popover * <Popover> * <PopoverTrigger> * <Button>Show Info</Button> * </PopoverTrigger> * <PopoverContent> * <PopoverBody> * <p>Additional information appears here</p> * </PopoverBody> * </PopoverContent> * </Popover> * * @example * // Popover with title and actions * <Popover placement="top"> * <PopoverTrigger> * <Button>Options</Button> * </PopoverTrigger> * <PopoverContent> * <PopoverTitle>Quick Actions</PopoverTitle> * <PopoverBody> * <Button>Edit</Button> * <Button>Delete</Button> * </PopoverBody> * </PopoverContent> * </Popover> */ declare function Popover({ placement, children, ...rest }: PopoverProps): react_jsx_runtime.JSX.Element; export { Popover };