Usage

import { 
    Sheet, 
    SheetBody, 
    SheetClose, 
    SheetContent, 
    SheetDescription, 
    SheetFooter, 
    SheetTitle, 
    SheetTrigger 
    } from "@aqqo/aqqo-ui";

<Sheet>
  <SheetTrigger asChild>
    <Button variant="secondary">Open Sheet</Button>
  </SheetTrigger>
  <SheetContent>
    <SheetBody>
      <SheetTitle>Sheet Title</SheetTitle>
      <SheetDescription>Additional details or instructions.</SheetDescription>

      {/* Your content goes here */}

    </SheetBody>
    <SheetFooter>
      <SheetClose asChild>
        <Button variant="secondary">Close</Button>
      </SheetClose>
      <Button variant="primary">Save</Button>
    </SheetFooter>
  </SheetContent>
</Sheet>

Examples

Slide in from Left

You can control from which side the Sheet slides in by using the side prop on Sheet.Content.

<Sheet>
  <SheetTrigger asChild>
    <Button variant="secondary">Open Sheet</Button>
  </SheetTrigger>
  <SheetContent side="left">
    {/* Content remains the same */}
  </SheetContent>
</Sheet>