Drawer

The Drawer component works similar to a Sheet component, but allows animated stacking as well.

Usage

import { Drawer } from '@harnessio/ui/components'

//...

return (
  <Drawer.Root>
    <Drawer.Trigger>Open</Drawer.Trigger>
    <Drawer.Content>
        <Drawer.Header>
          <Drawer.Title>Are you absolutely sure?</Drawer.Title>
          <Drawer.Description>This action cannot be undone.</Drawer.Description>
        </Drawer.Header>
        <Drawer.Footer>
          <Button>Submit</Button>
          <Drawer.Close>
              <Button variant="outline">Cancel</Button>
          </Drawer.Close>
        </Drawer.Footer>
    </Drawer.Content>
  </Drawer.Root>
)