[Feature]: <Dialog /> component

[christopherkindl]

What problem does this feature solve?

Introduce <Dialog/> component as shown in plain code usign Headless UI in Tremor Blocks (First two examples).

Component should also use the transition used in those examples

Link to Headless UI documentation of <Dialog>

What does the proposed API look like?

<Dialog/> Props:
open?: boolean
onClose?: (false) => void
static: boolean (default: false)
unmount: boolean (default: true)

<DialogPanel/> Props:
open?: boolean

Way of building:

  <Dialog {...args}>
   <DialogPanel {...args}>
     [Content of Dialog]
   </DialogPanel>
  <Dialog>

[christopherkindl]

Reference: #811

[Sanket-Arekar]

I would like to work on this issue. Can you Please assign me this issue?

[christopherkindl]

sorry @Sanket-Arekar, somehow we did not see the comment. Now assigned! :)

[christopherkindl]

@Sanket-Arekar Just to conform, do you want to work on that? :)

[iamtouha]

@christopherkindl I would like to work on it.

[christopherkindl]

@touha98 assigned! thank you :)

[github-actions]

🎉 This issue has been resolved in version 3.13.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀