Customized

您可以使用 @overlastic/react 修改现有组件或组件库，拿 antd(drawer) 举例：

import type { PropsWithOverlays } from '@overlastic/react'
import { useDisclosure } from '@overlastic/react'
import { Button, Drawer } from 'antd'

function MyDrawer(props: PropsWithOverlays<{ title: string }>) {
  const { visible, confirm, cancel } = useDisclosure({
    duration: 200,
    props,
  })

  return (
    <Drawer title={props.title} onClose={cancel} open={visible}>
      {/* Custom contents.... */}
      <Button type="primary" onClick={() => confirm(`${props.title}:confirmed`)}>
        Confirm
      </Button>
    </Drawer>
  )
}
export default MyDrawer