UNPKG

@awsui/components-react

Version:

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

32 lines (31 loc) 1.47 kB
import React from 'react'; import { PopoverProps } from '../../../popover/interfaces'; interface ChartPopoverProps extends PopoverProps { /** Title of the popover */ title?: React.ReactNode; /** References the element the container is positioned against. */ trackRef: React.RefObject<HTMLElement | SVGElement>; /** Used to update the container position in case track or track position changes: const trackRef = useRef<Element>(null) return (<> <Track style={getPosition(selectedItemId)} ref={trackRef} /> <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../> </>) */ trackKey?: string | number; /** Optional container element that prevents any clicks in there from dismissing the popover */ container: Element | null; /** Event that is fired when the popover is dismissed */ onDismiss: (outsideClick?: boolean) => void; /** Fired when the pointer enters the hoverable area around the popover */ onMouseEnter?: (event: React.MouseEvent) => void; /** Fired when the pointer leaves the hoverable area around the popover */ onMouseLeave?: (event: React.MouseEvent) => void; onBlur?: (event: React.FocusEvent) => void; /** Popover content */ children?: React.ReactNode; } declare const _default: React.ForwardRefExoticComponent<ChartPopoverProps & React.RefAttributes<HTMLElement>>; export default _default; //# sourceMappingURL=index.d.ts.map