Drawer component

[wpalani]

Proposed changes

Add a side drawer component:

• Uses https://headlessui.com/react/dialog under the hood to handle animation, scrolling and accessibility.
• Two variants: classic and offset.
• Left and right direction support.
• Content width is handled by the consumer.
• Scrollable.
• Optional header Drawer.Header component that adds title and X button.
• Dismissible by: Esc, overlay click or X click.

Demo

1-3-0-drawer.mp4

Type of Change

Production

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Dependency update
• Refactoring / housekeeping (changes to files not directly related to functionality)

Development

• Tests
• Dependency update
• Environment update / refactoring
• Documentation Update

Video

Checklist

• I have read the CONTRIBUTING doc
• I have viewed my change in a web-browser
• Linting and tests pass locally with my changes
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Further comments