Dojo NG is being built in the open, one section at a time — follow along on Heptapod.

API REFERENCE · LAYOUT

<dj-title-pane>

A collapsible panel with a title bar. Content goes in the default slot. Click the title (when closeable) to toggle; emits dj-toggle with { open }.

Try it in the playground

@dojo-ng/title-pane · v0.1.1

npm install @dojo-ng/title-pane

import "@dojo-ng/title-pane";

Properties

PropertyAttributeTypeDefault
name name string ""
open open reflected boolean false
closeable closeable boolean true
headingLevel heading-level number None

Events

dj-toggle

Slots

Default slot

CSS parts

Style these with dj-title-pane::part(name).

titlebuttoncontent