Popover
位于触发器旁的浮动面板;HoverCard 在悬停时预览,绝不作为唯一入口。
<Popover trapFocus>
<Popover.Trigger>
<Button>Rename</Button>
</Popover.Trigger>
<Popover.Content title="Rename key" className="w-320">
<div className="flex flex-col gap-12">
<Input aria-label="Name" defaultValue="checkout-web" />
<div className="flex justify-end gap-8">
<Popover.Close>
<Button size="sm">Cancel</Button>
</Popover.Close>
<Button size="sm" variant="primary">
Save
</Button>
</div>
</div>
</Popover.Content>
</Popover>import { Popover, HoverCard } from "@logicplanes/kaeso-ui";属性
childrenReactNode触发器和面板的内容。
defaultOpenboolean非受控时,是否初始为打开状态。
onOpenChange((open: boolean) => void)打开或关闭时调用。
openboolean受控时,是否处于打开状态。
trapFocusboolean仅当弹出层包含表单时才锁定焦点。