A temporary list of actions or options shown on a surface, letting users pick a single
command. The sc-menu-dropdown is the surface;
sc-menu-item rows are its children.
Slot sc-menu-item children into a
sc-menu-dropdown. Flag a destructive action with
destructive.
Mark the active choice with state="selected" and a
trailing check.
sc-menu-item)A single row. type switches between
row, button, and
link behaviour; add leading/trailing icons and a
state.
header nav menus, user menus, and action menus. Pair it with a trigger — typically a Button Icon — to open and close the surface.
destructive for irreversible actions, placed last.href (or type="link") for navigation items so they behave like links.role="menu" containing role="menuitem" rows.close event for the trigger to handle.select event; link items (href / type="link") render a real <a>.state="disabled" sets aria-disabled and skips activation.aria-haspopup="menu" and aria-expanded, and return focus to itself on close.