ChoisSTANDARD UI컴포넌트 검색 /

Actions

Menu

semantic HTML

키보드 이동을 지원하는 명령 목록입니다.

stablefreeSince 0.2

Live example

<details data-standard-component="menu" aria-label="Document actions">
  <button type="button">Open</button><button type="button">Share</button><button type="button">Archive</button>
</div>

Variants and sizes

The pattern inherits theme and density tokens. Use compact, comfortable, or roomy density when the surrounding screen requires it.

compactcomfortableroomy

Public API

ContractValue
Implementationsemantic HTML
Statusstable
Licensefree
Since0.2
HTML contractNative HTML elements and attributes
EventsNative browser events

Accessibility

명령 항목은 menuitem 역할과 접근 가능한 이름을 가지며 disabled 항목은 키보드 순서에서 제외합니다.

Server template guidance

<!-- Render the semantic HTML on the server. Load enhancement JavaScript only when this interaction is needed. -->