Actions

Button

semantic HTML

폼 제출과 명령 실행에 사용하는 기본 버튼입니다.

stablefreeSince 0.1

Live example

변경사항이 저장되지 않았습니다.

<div data-ui="cluster"><button type="button">저장</button><button type="button" class="secondary">취소</button></div><output data-ui="status" aria-live="polite">변경사항이 저장되지 않았습니다.</output>

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

Contract	Value
Implementation	`semantic HTML`
Status	`stable`
License	`free`
Since	`0.1`
HTML contract	`Native HTML elements and attributes`
Events	`Native browser events`

Accessibility

Native HTML semantics and keyboard behavior are the baseline.

Server template guidance

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