Components
Popover
A floating panel for contextual information or actions.
Installation
npm install @mijn-ui/react-popoverUsage
import { Popover, PopoverContent, PopoverTrigger } from "@mijn-ui/react-popover"<Popover>
<PopoverTrigger>Open</PopoverTrigger>
<PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>API Reference
Built on Radix UI — all underlying primitive props are forwarded in addition to the props below.
| Prop | Type | Default | Description |
|---|---|---|---|
unstyled | boolean | false | Opt out of the default styles to fully customize the component. |
classNames | object | — | Override classes per slot (see Style Slots below). |
className | string | — | Additional classes for the root element. |
Popover Style Slots
| Slot Name | Targeted Component | Purpose |
|---|---|---|
base | Popover | Styles the root popover component. |
trigger | PopoverTrigger | Styles the trigger for opening the popover. |
close | PopoverClose | Styles the close button within the popover. |
content | PopoverContent | Styles the popover content. |