Sheet

Panel lateral modal. Similar a Drawer pero con más control sobre el contenido y la estructura.

---

Import

import {
  Sheet,
  SheetTrigger,
  SheetContent,
  SheetHeader,
  SheetTitle,
  SheetDescription,
  SheetFooter,
  SheetClose,
} from '@imansi/ui';

---

Uso básico

<Sheet>
  <SheetTrigger asChild>
    <Button variant="outline">Abrir panel</Button>
  </SheetTrigger>
  <SheetContent>
    <SheetHeader>
      <SheetTitle>Editar perfil</SheetTitle>
      <SheetDescription>
        Modificá tu información personal.
      </SheetDescription>
    </SheetHeader>
    <div className="py-4">
      {/* contenido */}
    </div>
    <SheetFooter>
      <SheetClose asChild>
        <Button variant="outline">Cancelar</Button>
      </SheetClose>
      <Button>Guardar</Button>
    </SheetFooter>
  </SheetContent>
</Sheet>

---

Desde distintos lados

<SheetContent side="right">  {/* por defecto */}
<SheetContent side="left">
<SheetContent side="top">
<SheetContent side="bottom">

---

Props

SheetContent

Prop	Tipo	Default	Descripción
side	'top' | 'right' | 'bottom' | 'left'	'right'	Lado de apertura

---

Diferencia con Drawer

Característica	Sheet	Drawer
Estructura	Completa (Header/Footer)	Más libre
API	Cercana a Dialog	Más custom
Uso típico	Formularios laterales	Menús mobile