Layout

Accordion Item

semantic HTML

제목으로 열고 닫는 단일 콘텐츠 영역입니다.

stablefreeSince 0.1

Live example

기본 정보

처음부터 의미 있는 HTML 콘텐츠를 제공합니다.

접근성 기준

키보드와 보조기기에서 기본 구조를 사용할 수 있습니다.

<div data-ui="stack"><details open><summary>기본 정보</summary><p>처음부터 의미 있는 HTML 콘텐츠를 제공합니다.</p></details><details><summary>접근성 기준</summary><p>키보드와 보조기기에서 기본 구조를 사용할 수 있습니다.</p></details></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

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. -->