Components

Sheet 抽屉面板

用于资源详情、配置编辑和辅助操作的可访问模态侧栏，支持四个展开方向。

实例详情

默认从右侧展开；使用 header、默认和 footer 插槽构建详情工作流。

<Button @click="open = true">查看实例详情</Button>
<Sheet
  v-model:open="open"
  title="hkg-edge-07"
  description="运行中的边缘节点 · 香港"
  side="right"
  size="30rem"
>
  <InstanceDetails />
  <template #footer>
    <Button @click="open = false">保存配置</Button>
  </template>
</Sheet>

API 参考

属性	类型	默认值	说明
`v-model:open`	`boolean`	`false`	受控展开状态。
`side`	`'left' \| 'right' \| 'top' \| 'bottom'`	`'right'`	抽屉展开方向。
`size`	`string`	`'28rem'`	左右抽屉的宽度，或上下抽屉的高度。
`title / description`	`string`	`—`	默认头部文案。
`trigger / header / footer`	`slot`	`—`	触发器和结构区域插槽。