Theme Features Demo

This page demonstrates all custom components available in the Ghost Docs Theme. Each section shows the HTML code to paste and a live working example.

Tabbed Content

Add via HTML card:

<div class="docs-tabs">
  <button class="docs-tab-btn active">Tab 1</button>
  <button class="docs-tab-btn">Tab 2</button>
  <div class="docs-tab-panel active">Content 1</div>
  <div class="docs-tab-panel">Content 2</div>
</div>

Result:

const res = await fetch('/api/users');
const data = await res.json();

res = requests.get('/api/users')
data = res.json()

curl https://api.example.com/users

API Method Badges

GET /users — Green

POST /users — Blue

PUT /users/:id — Orange

DELETE /users/:id — Red

Status Badges

Stable Beta Deprecated New Experimental

Numbered Steps

Feedback Widget

Changelog Entry