Feedback
Empty State
semantic HTML데이터가 없을 때 이유와 다음 작업을 안내합니다.
Live example
표시할 항목이 없습니다.
검색 조건을 바꾸거나 새 항목을 추가해 보세요.
<section data-ui="empty-state"><h3>표시할 항목이 없습니다.</h3><p>검색 조건을 바꾸거나 새 항목을 추가해 보세요.</p><button type="button">새 항목</button></section>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. -->