Popover
Popover
Styled Popover component with shadcn/ui design.
Basic
A simple popover with content triggered by a button.
AsChild Pattern
Use AsChild to compose triggers with your own styled Button components.
Without AsChild
PopoverTrigger renders its own button with inline classes.
With AsChild
Button receives trigger behavior via TriggerContext.
Positioning
Popover supports four side positions: Top, Bottom, Left, Right.
Controlled
Manage open state externally with two-way binding.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| Open | @bind-Open / bool? | — | Controlled open state. |
| DefaultOpen | bool | false | Initial open state. |
| OnOpenChange | EventCallback<bool> | - | Callback when open state changes. |