# 说明浮层 Popover

分类：浮层 · React：Popover

点开的说明或小表单：比 tooltip 能放更多，比对话框轻。

## 示例
```html
<button class="xxd-btn" data-xxd-popover="p1">这是什么？</button>
<div class="xxd-popover" id="p1" popover>主色会被自动提亮或加深。</div>
```

## 属性与类名
- `data-arrow`：带小箭头（跟随锚点）
- `data-placement`：top | bottom | *-start | *-end
- 类名：`xxd-popover` `xxd-surface-float` `xxd-popover__title` `xxd-popover__text` `xxd-popover__close`

## 键盘与读屏
- 原生 popover：点外面或 Esc 关闭，触发按钮 aria-expanded 同步
- 里面有可交互的东西时，打开后焦点移进去；Esc 关闭后焦点回到触发按钮