Components

Popover

A floating panel for contextual information or actions.

Loading...

Installation

NPM packages are currently unstable and may cause issues. Use it at your own risk.
npm install @mijn-ui/react-popover

Usage

import { Popover, PopoverContent, PopoverTrigger } from "@mijn-ui/react-popover"
<Popover>
  <PopoverTrigger>Open</PopoverTrigger>
  <PopoverContent>Place content for the popover here.</PopoverContent>
</Popover>

Popover Style Slots

Slot NameTargeted ComponentPurpose
basePopoverStyles the root popover component.
triggerPopoverTriggerStyles the trigger for opening the popover.
closePopoverCloseStyles the close button within the popover.
contentPopoverContentStyles the popover content.