Dialog

模态对话框组件。

导入

import { Dialog } from '@xcloud/ui-core'

基础用法

import { Dialog } from '@xcloud/ui-core'

function Example() {
  const [open, setOpen] = useState(false)

  return (
    <>
      <button onClick={() => setOpen(true)}>Open Dialog</button>
      <Dialog open={open} onOpenChange={setOpen}>
        <Dialog.Title>Dialog Title</Dialog.Title>
        <Dialog.Content>
          Dialog content goes here.
        </Dialog.Content>
      </Dialog>
    </>
  )
}

属性

属性	类型	默认值	描述
open	boolean	必需	打开状态
onOpenChange	(open: boolean) => void	必需	状态处理器