Details

Use :::details for optional or advanced content. It renders native <details> and <summary> markup.

1:::details {title="Advanced notes" theme="glass" open="true"}2These steps are only needed when running from source.3:::

Attributes

• title: summary text
• open: use open="true" to render initially open
• theme: details theme name

Defaults:

• title="Details"
• theme="default"

Native Behavior

The directive uses browser-native disclosure behavior. It does not require client-side hydration.

Markdown Content

1:::details {title="Install from source"}21. Clone the repository.32. Install dependencies.43. Run:5 6```bash7pnpm build8```9:::

Themes

Built-in details themes:

• default
• muted
• glass