PopoverButtonInputcomponent

PopoverButtonInput({
	children: [buttonChildren, ...popoverChildren], //
	className,
	...props
}: PopoverButtonInputProps): ReactElement

Param	Type
`props`	`PopoverButtonInputProps`	Props for PopoverButtonInput — the shared InputProps, plus children whose first node is the button label and the rest the popover contents. required
`.children`	`PopoverChildren`	Children tuple for Popover: a leading trigger node followed by the popover's contents. required

Return
`ReactElement`	A `ButtonInput` that toggles its attached `Popover` open and closed.

Popover variant of <ButtonInput> — an input-styled button that reveals floating popover content beside it when clicked.

The button is the primary element: it takes the shared InputProps, and className lands on it (not the popover panel).
The first element passed to children is the button label; the rest become the popover contents.

DH: Would love to use new HTML popover="auto" functionality for this but the anchor positioning it needs is not supported everywhere yet.

Examples

<PopoverButtonInput name="filter">{label}{panel}</PopoverButtonInput>