UserMenu

Menú de usuario del navbar (con destructivo).

Menú de usuario del navbar

Vista previa

import { UserMenu } from "@eidondev/acme-ui/blocks";
import { UserCircle, Gear, SignOut } from "@phosphor-icons/react";

<UserMenu
  name="Ana Rojas"
  email="ana@acme.cl"
  items={[
    { label: "Perfil", icon: <UserCircle />, onSelect: goToProfile },
    { kind: "separator" },
    { label: "Cerrar sesión", icon: <SignOut />, destructive: true, onSelect: signOut },
  ]}
/>

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