Popover - Empreint

A floating panel anchored to a trigger element. Closes automatically when clicking outside. Compound API with PopoverTrigger and PopoverContent.

import { Popover, Button } from "@empreint/ui";

<Popover>
	<PopoverTrigger>
		<Button>Open</Button>
	</PopoverTrigger>
	<PopoverContent>Some content</PopoverContent>
</Popover>

Props

PopoverTrigger accepts a single child element. PopoverContent accepts children and an optional className.

CSS Variables

Prop

Type