Components
Popover
Displays rich content in a portal, triggered by a button.
Usage
import {
Popover,
PopoverContent,
PopoverDescription,
PopoverHeader,
PopoverTitle,
PopoverTrigger,
} from "@tulip-systems/core/components/client";<Popover>
<PopoverTrigger asChild>
<Button variant="outline">Open Popover</Button>
</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.
Align
Use the align prop on PopoverContent to control the horizontal alignment.
With Form
A popover with form fields inside.