Monstera

DropdownMenu

Le panneau de menu flottant et ses entrées. DropdownMenu et DropdownItem sont aussi exportés sous les alias Menu et MenuItem, qui désignent les mêmes composants.

Utilisation

import { DropdownMenu, DropdownItem } from "@monstera/ui"

Anatomie d'une entrée

Une entrée peut porter une icône, un libellé, une valeur alignée à droite et une icône de fin. Tout est facultatif et se cumule dans cet ordre.

Sélection et blocage

L'emplacement de fin est unique et bascule avec l'état : coche quand selected, icône d'information quand disabled. Le panneau ne gère pas la sélection, il la reçoit.

Ton danger

Le ton danger recolore l'entrée entière, icône comprise, et se réserve à l'action destructrice du menu.

Accessibilité

Une entrée de menu passe à la ligne quand son libellé ne tient pas, plutôt que d'être tronquée.

API

DropdownMenu

Prop

Type

DropdownItem

Prop

Type

Sur cette page