Titles & File Names

About 97 wordsLess than 1 minute

2026-08-31

By specifying title="..." in the code fence metadata, Shirone renders an operating-system-styled header bar with file extension icons.

Syntax

Add title="..." to the code fence header:

```json title="package.json"
{
  "name": "shirone",
  "version": "1.0.0"
}
```

For terminal commands:

```bash title="Terminal Commands"
pnpm install
pnpm dev
```

Renders OS-styled window controls on the left alongside the matched file extension icon.
Places the one-click copy button and collapse toggles neatly on the right.
Enhances readability by communicating target file locations.