Popover

The Popover component is used to show popover information.

1. Import

KUMUI exports 3 Popover-related components:

import { Popover, PopoverTrigger, PopoverContent } from "@rohitgadekar/kimui";

2. Usage


3. API

3.1 Popover

AttributeTypeDescriptionDefault
children

React.ReactNode

Container for the popover content and trigger element (e.g., button).-

3.2 PopoverTrigger

AttributeTypeDescriptionDefault
asChild

boolean

Defines if the trigger element should be wrapped in a child component.false

3.3 PopoverContent

AttributeTypeDescriptionDefault
align

"center" | "start" | "end"

Defines the alignment of the popover content relative to the trigger."start"
sideOffset

number

Defines the distance between the trigger and the popover content.5