Popover
Displays rich content in a portal, triggered by a button.
"use client"
import {
Button,
Input,Usage
import {
Popover,
PopoverContent,
PopoverDescription,
PopoverHeader,
PopoverTitle,
PopoverTrigger,
} from "uilab-core"<Popover>
<PopoverTrigger render={<Button variant="outline" />}>
Open Popover
</PopoverTrigger>
<PopoverContent>
<PopoverHeader>
<PopoverTitle>Title</PopoverTitle>
<PopoverDescription>Description text here.</PopoverDescription>
</PopoverHeader>
</PopoverContent>
</Popover>Examples
Basic
A simple popover with a header, title, and description.
"use client"
import {
Button,
Popover,Align
Use the align prop on PopoverContent to control the horizontal alignment.
"use client"
import {
Button,
Popover,With Form
A popover with form fields inside.
"use client"
import {
Button,
Field,