Layout

`<kern-accordion-item>`

One collapsible section of kern-accordion, on the native <details>/<summary> (Enter/Space toggle, announced as expanded/collapsed).

Examples

See the examples on kern-accordion.

disabled

reflects

default false

boolean

Cannot be toggled.

heading

string | undefined

open

mutable

reflects

default false

boolean

kernToggle

CustomEvent<{ open: boolean; }>

After opening or closing by the user.

(default)

Content

heading

Heading content (instead of heading), e.g. with a kern-badge

content

The content area

summary

The clickable heading row