Components

Popover 浮层

轻量内容弹层:标题、关闭按钮与表单友好焦点管理。

限流设置

受控时 v-model:open。

<Popover title="速率限制设置" show-close align="center">
  <template #trigger>
    <Button variant="outline" color="neutral">气泡面板</Button>
  </template>
  <p class="mb-2 text-sm text-slate-600 dark:text-slate-400">为当前网关分组配置全局限流规则,超出阈值的请求将返回 429。</p>
  <div class="flex items-center gap-2">
    <Badge variant="subtle" color="primary">RPS 10,000</Badge>
    <Badge variant="subtle" color="neutral">Burst 20,000</Badge>
  </div>
</Popover>

API 参考

属性类型默认值说明
openboolean—v-model:open。
titlestring—面板标题。
show-closebooleanfalse右上角关闭按钮。
align'start' | 'center' | 'end'center对齐方式。