Drawer

Bottom sheet con gestos (vaul).

Bottom sheet con gestos (vaul)

Vista previa

import { Drawer } from "@eidondev/acme-ui";

<Drawer
  trigger={<Button variant="outline">Abrir</Button>}
  title="Filtros"
  description="Refina los resultados."
  footer={(close) => <Button onClick={close}>Aplicar</Button>}
>
  <FilterForm />          {/* o children como (close) => node */}
</Drawer>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.

Legacy · claro

Editorial · claro

Technical · oscuro

Warm · claro

Playful · claro