Popover - Kotodama UI

点击展开的轻量面板。支持受控 / 非受控；打开后点击外部或按 Esc 关闭。相对定位（非 portal）。

文档站 Demo 跟随 Rspress 明暗主题（亮色用 admin）。

基础用法

<Popover content={<div>面板内容</div>} placement="bottom">
  <Button>打开</Button>
</Popover>

实时演示

API

PopoverProps

属性	类型	默认值	说明
content	`ReactNode`	—	面板内容
children	`ReactElement`	—	触发器（叠加 onClick）
open	`boolean`	—	受控显示
defaultOpen	`boolean`	—	非受控初始
placement	`"bottom" \| "top"`	`"bottom"`	方向
onOpenChange	`(open: boolean) => void`	—	开关回调
className	`string`	—	追加类名

ON THIS PAGE