GuideComposantsHooksFonctionsTypesTokensCode source sur GitHub
Apparence
Langue
Pages
Les emplacements

avatarMenu

Des entrées que le plugin ajoute au menu de l'avatar, le menu du profil ouvert. Elles servent à une action rapide, accessible depuis n'importe quelle page.

Où dans Hodi

Sur un ordinateur, le menu de l'avatar s'ouvre depuis l'avatar, en bas de la sidebar. Sur un téléphone ou une tablette, les entrées de ce menu se trouvent en bas de la fiche du profil. Les entrées avatarMenu du plugin s'ajoutent aux entrées de Hodi.

Exemple

avatarMenu est une liste d'entrées, et pas un composant : Hodi dessine lui-même chaque entrée.

web/index.tsx
import { definePlugin } from 'hodi:sdk'
import { House } from 'lucide-react'

definePlugin({
  avatarMenu: [
    {
      id: 'switch',
      label: 'menu.switch',
      icon: House,
      onClick: () => openSwitcher()
    }
  ]
})

Les champs d'une entrée

Champ? : facultatif
idstring

Le nom technique de l'entrée, une seule fois par plugin.

labelstring

Le texte de l'entrée, une clé des locales du plugin.

icon?ComponentType

Une icône Lucide, en 16 px. Sans icône, Hodi affiche une pièce de puzzle.

onClick() => void

Ce que fait un clic sur l'entrée.