ActionPanelProps

type ActionPanelProps = {
  anchor: ActionPanelAnchor;
  boundary?: Element | null;
  children?: React.ReactNode;
  className?: string;
  dismissOnEscape?: boolean;
  dismissOnOutsideClick?: boolean;
  offset?: number;
  onClose?: () => void;
  open?: boolean;
  placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
  style?: React.CSSProperties;
};

Defined in: react/src/index.tsx:345

Properties

Property	Type	Description	Defined in
anchor	ActionPanelAnchor	Anchor for the panel: an element, a rect, or a function that returns one.	react/src/index.tsx:347
boundary?	Element | null	Optional element used to clamp the panel position (e.g. the editor container).	react/src/index.tsx:357
children?	React.ReactNode	-	react/src/index.tsx:364
className?	string	-	react/src/index.tsx:362
dismissOnEscape?	boolean	Close on Escape. Default: true.	react/src/index.tsx:361
dismissOnOutsideClick?	boolean	Close on outside pointerdown. Default: true.	react/src/index.tsx:359
offset?	number	Pixel offset between the anchor and the panel. Default: 4.	react/src/index.tsx:355
onClose?	() => void	Called when the user requests dismissal (Escape, outside click, scroll-out).	react/src/index.tsx:351
open?	boolean	Open state. When false, the panel is not rendered.	react/src/index.tsx:349
placement?	"bottom-start" | "bottom-end" | "top-start" | "top-end"	Where to place the panel relative to the anchor. Default: ‘bottom-start’.	react/src/index.tsx:353
style?	React.CSSProperties	-	react/src/index.tsx:363