Accordion
Collapsible content sections
Last updated March 16, 2026
Accordion
Collapsible content sections using native HTML details/summary. No JavaScript required.
Usage
Use the accordion code fence. Each # Title creates a collapsible section.
```accordion
# What is Petit?
A local-first documentation platform that requires zero generated files.
# How do I install it?
Run `npx @ephem-sh/petit` in your project directory.
# Does it support dark mode?
Yes, with system, light, and dark themes.
```
Example
What is Petit?
A local-first documentation platform that requires zero generated files in your repository. Just write markdown and run.
How do I install it?
Run npx @ephem-sh/petit in your project directory. No dependencies to add to your project.
Does it support dark mode?
Yes, with system, light, and dark themes plus full CSS variable customization via the theme system.
API Reference
Section Properties
| Property | Type | Default | Description |
|---|---|---|---|
title | string | required | Section heading (from `# Title` line) |
content | string | required | Collapsible content (supports inline markdown) |