Sheet

从边缘滑出的面板，保持后方列表可读：请求检查器、详情。

查看源码
import { Sheet } from "@logicplanes/kaeso-ui";

属性

  • actions
    ReactNode

    标题栏中关闭圆形按钮之前的操作。

  • children
    ReactNode

    侧滑面板的内容。

  • defaultOpen
    boolean

    非受控时，是否初始为打开状态。

  • footer
    ReactNode

    底部的内容，通常为操作。

  • inline
    boolean

    不使用 Portal 渲染，用于文档和状态矩阵。

  • modal
    boolean

    后方页面保持可交互（非模态）。

  • onOpenChange
    ((open: boolean) => void)

    打开或关闭时调用。

  • open
    boolean

    受控时，是否处于打开状态。

  • side
    "bottom" | "left" | "right"

    滑入的方向。

  • size
    "md" | "sm" | "lg"

    侧滑面板的宽度，或从底部滑入时的高度。

  • subtitle
    ReactNode

    用于 ID 的等宽副标题：req_01J…。

  • title
    ReactNode

    侧滑面板的标题，同时作为其无障碍名称。

  • trigger
    ReactElement<unknown, string | JSXElementConstructor<any>>

    打开它的元素。