Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create a DraggableDialog component in Carbon Labs #6927

Open
jlongshore opened this issue Feb 17, 2025 · 1 comment
Open

Create a DraggableDialog component in Carbon Labs #6927

jlongshore opened this issue Feb 17, 2025 · 1 comment

Comments

@jlongshore
Copy link
Contributor

This will be a component which will allow the positioning of a closable panel which is draggable by mouse / keyboard interactions. Only the heading of the dialog will be opinionated, allowing the contents to be up to the developer.

note: This component extends the "HTMLDialogElement" interface and it's root element will be a <dialog... html element.

Will take a few props:

  1. closeIconDescription: (optional) string - value to be used as the aria label of the Close icon button.
  2. open: boolean - Controls if the component is to be shown.
  3. className: string - applied to the outer most element in the component.
  4. onClose: function - to be called when the close icon button is clicked.
@jlongshore
Copy link
Contributor Author

Punting this to the next sprint - I have it functional, needs styling work and I don't know if I will get to it in sprint 4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Backlog 🌋
Development

No branches or pull requests

1 participant