상태를 짧고 명확하게 안내합니다.
Feedback
Alert
semantic HTML작업 결과와 중요한 상태를 인라인으로 알립니다.
Live example
<article data-ui="notice" data-tone="warning"><header><strong>Alert</strong></header><p>상태를 짧고 명확하게 안내합니다.</p></article>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. -->