@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
TypeScript
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 };