如何隐藏shadcn对话框顶部的X？

Question

shadcn/ui 对话框默认右上角有一个 X。我的设计没有 X。如何隐藏 X，同时保留 esc 关闭功能？

非常感谢。

Answer 1

在您的

component/ui/dialog

中，注释掉以下内容：

<DialogPrimitive.Close className="...">
  <X className="h-4 w-4" />
  <span className="sr-only">Close</span>
</DialogPrimitive.Close>