  🔍 Full-text search is included in the purchased template (Pagefind integration). The live demo currently shows the previous version without search — update coming this week.

Reference

Components

Every component available in GlobalDocs Atlas — with live previews and copy-paste HTML.

Callouts

This is a note callout. Use it for helpful context.

This is a warning callout. Use it for important caveats.

This is a tip callout. Use it for best practices.

HTML

<div class="callout note">
  <span class="callout-icon">...svg...</span>
  <span>Your message.</span>
</div>
<!-- variants: note · warning · tip -->

Code blocks

shell

npm install your-package

HTML

<div class="code-header">
  <span>shell</span>
  <button class="copy-btn">Copy</button>
</div>
<pre><code>your code here</code></pre>

Card grid

Feature one

Short description of this capability.

Feature two

Short description of this capability.

Feature three

Short description of this capability.

HTML

<div class="card-grid">
  <div class="card">
    <div class="card-title">Title</div>
    <div class="card-body">Description.</div>
  </div>
</div>

Endpoint badges

GET/usersList all users

POST/usersCreate a user

DELETE/users/{id}Delete a user

HTML

<div class="endpoint">
  <span class="method get">GET</span>
  <span class="endpoint-path">/endpoint</span>
  <span class="endpoint-desc">Description</span>
</div>
<!-- variants: get · post · delete · patch -->

Tables

Column A	Column B	Column C
Row 1, A	Row 1, B	Row 1, C
Row 2, A	Row 2, B	Row 2, C

HTML

<div class="table-wrap">
  <table>
    <thead><tr><th>Column</th></tr></thead>
    <tbody><tr><td>Cell</td></tr></tbody>
  </table>
</div>