Skip to content

Pull request for Blocks #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
archbee-dev wants to merge 1 commit into
base: feat/update-archbee-config
Choose a base branch
from
Open

Pull request for Blocks #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion blocks/changelogs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: Changelog
icon: {"lucideIcon":"Clock"}
docTags: changelog
createdAt: Wed Apr 29 2026 10:25:59 GMT+0300 (Eastern European Summer Time)
updatedAt: Wed Apr 29 2026 10:57:48 GMT+0300 (Eastern European Summer Time)
updatedAt: Wed Apr 29 2026 11:10:52 GMT+0300 (Eastern European Summer Time)
---

Changelog blocks display release notes with categorized items.
Expand Down
74 changes: 34 additions & 40 deletions blocks/expandable-headings.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,73 +1,67 @@
---
title: Expandable Sections
icon: chevrons-down
icon: {"lucideIcon":"ChevronsDown"}
docTags:
createdAt: Wed Apr 29 2026 10:25:59 GMT+0300 (Eastern European Summer Time)
updatedAt: Wed Apr 29 2026 15:25:00 GMT+0300 (Eastern European Summer Time)
---

Expandable headings let users collapse and expand content sections — ideal for FAQs, long reference docs, or optional details.

<ExpandableHeading>
## What is Archbee CLI?

## What is Archbee CLI?

Archbee CLI is a command-line tool for previewing, validating, and managing your documentation locally. It renders your Markdown/MDX files with the same templates used on the Archbee platform.

Archbee CLI is a command-line tool for previewing, validating, and managing your documentation locally. It renders your Markdown/MDX files with the same templates used on the Archbee platform.
</ExpandableHeading>

<ExpandableHeading>
## How do I install it?

## How do I install it?

```bash
npm install -g @archbee/cli
```

Requires Node.js 18 or higher. LTS versions recommended.
```bash
npm install -g @archbee/cli
```

Requires Node.js 18 or higher. LTS versions recommended.
</ExpandableHeading>

<ExpandableHeading>
## Can I use it with Docusaurus?

## Can I use it with Docusaurus?

Yes — run `archbee dev` in any Docusaurus project. The CLI auto-detects `docusaurus.config.js` or `.ts` and renders it with Archbee templates. Blog, multi-instance docs, and custom CSS are all supported.

Yes — run `archbee dev` in any Docusaurus project. The CLI auto-detects `docusaurus.config.js` or `.ts` and renders it with Archbee templates. Blog, multi-instance docs, and custom CSS are all supported.
</ExpandableHeading>

<ExpandableHeading>
## What templates are available?

## What templates are available?

Four built-in templates:

- **Stripe** — Clean, modern layout (default)
- **ColorNav** — Colored navigation sidebar
- **Windy** — Minimal, spacious design
- **Booklet** — All docs on one page
Four built-in templates:

- **Stripe** — Clean, modern layout (default)
- **ColorNav** — Colored navigation sidebar
- **Windy** — Minimal, spacious design
- **Booklet** — All docs on one page
</ExpandableHeading>

## Syntax

<CodeblockTabs>
MDX

MDX

```html
<ExpandableHeading>
## Your Heading

Content that will be collapsible.
</ExpandableHeading>
```
```html
<ExpandableHeading>
## Your Heading

Markdown
Content that will be collapsible.
</ExpandableHeading>
```

```markdown
:::::ExpandableHeading
## Your Heading
Markdown

Content that will be collapsible.
:::::
```
```markdown
:::::ExpandableHeading
## Your Heading

Content that will be collapsible.
:::::
```
</CodeblockTabs>

6 changes: 5 additions & 1 deletion blocks/lists.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
---
title: Lists
icon: list
icon: {"lucideIcon":"List"}
docTags:
createdAt: Wed Apr 29 2026 10:25:59 GMT+0300 (Eastern European Summer Time)
updatedAt: Wed Apr 29 2026 15:25:08 GMT+0300 (Eastern European Summer Time)
---

Standard Markdown lists for organizing content. Supports unordered, ordered, and checklist items.
Expand Down Expand Up @@ -41,3 +44,4 @@ Standard Markdown lists for organizing content. Supports unordered, ordered, and
- [ ] Unchecked task
- [x] Completed task
```

159 changes: 113 additions & 46 deletions blocks/tables.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,95 +1,162 @@
---
title: Tables
icon: table
icon: {"lucideIcon":"Table"}
docTags:
createdAt: Wed Apr 29 2026 10:25:59 GMT+0300 (Eastern European Summer Time)
updatedAt: Wed Apr 29 2026 15:25:04 GMT+0300 (Eastern European Summer Time)
---

Tables organize structured data in rows and columns. Use standard Markdown tables or HTML tables with colored cells.

## Markdown Table

| Feature | Free | Pro | Enterprise |
|---------|------|-----|------------|
| Spaces | 3 | 20 | Unlimited |
| API Access | - | Yes | Yes |
| Custom Domain | - | - | Yes |
| SSO/SAML | - | - | Yes |
<table isTableHeaderOn="true" columnWidths="165,165,165,166">
<tr>
<td>
Feature
</td>
<td>
Free
</td>
<td>
Pro
</td>
<td>
Enterprise
</td>
</tr>
<tr>
<td>
Spaces
</td>
<td>
3
</td>
<td>
20
</td>
<td>
Unlimited
</td>
</tr>
<tr>
<td>
API Access
</td>
<td>
\-
</td>
<td>
Yes
</td>
<td>
Yes
</td>
</tr>
<tr>
<td>
Custom Domain
</td>
<td>
\-
</td>
<td>
\-
</td>
<td>
Yes
</td>
</tr>
<tr>
<td>
SSO/SAML
</td>
<td>
\-
</td>
<td>
\-
</td>
<td>
Yes
</td>
</tr>
</table>

## HTML Table with Colors

<table isTableHeaderOn="true" columnWidths="200,200,200">
<tr>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Service</strong></p>
<td lightBackgroundColor="#3B82F6" darkBackgroundColor="#1E40AF" align="center">
**Service**
</td>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Status</strong></p>
<td lightBackgroundColor="#3B82F6" darkBackgroundColor="#1E40AF" align="center">
**Status**
</td>
<td darkBackgroundColor="#1E40AF" lightBackgroundColor="#3B82F6" align="center">
<p><strong>Uptime</strong></p>
<td lightBackgroundColor="#3B82F6" darkBackgroundColor="#1E40AF" align="center">
**Uptime**
</td>
</tr>
<tr>
<td align="left">
<p>API</p>
API
</td>
<td darkBackgroundColor="#166534" lightBackgroundColor="#86EFAC" align="center">
<p>Operational</p>
<td lightBackgroundColor="#86EFAC" darkBackgroundColor="#166534" align="center">
Operational
</td>
<td align="center">
<p>99.99%</p>
99.99%
</td>
</tr>
<tr>
<td align="left">
<p>CDN</p>
CDN
</td>
<td darkBackgroundColor="#166534" lightBackgroundColor="#86EFAC" align="center">
<p>Operational</p>
<td lightBackgroundColor="#86EFAC" darkBackgroundColor="#166534" align="center">
Operational
</td>
<td align="center">
<p>99.98%</p>
99.98%
</td>
</tr>
<tr>
<td align="left">
<p>Search</p>
Search
</td>
<td darkBackgroundColor="#9A3412" lightBackgroundColor="#FED7AA" align="center">
<p>Degraded</p>
<td lightBackgroundColor="#FED7AA" darkBackgroundColor="#9A3412" align="center">
Degraded
</td>
<td align="center">
<p>99.2%</p>
99.2%
</td>
</tr>
</table>

## Syntax

<CodeblockTabs>
MDX

MDX

```html
<table isTableHeaderOn="true" columnWidths="200,200">
<tr>
<td align="center"><p><strong>Name</strong></p></td>
<td align="center"><p><strong>Value</strong></p></td>
</tr>
<tr>
<td><p>Item</p></td>
<td><p>123</p></td>
</tr>
</table>
```

Markdown
```html
<table isTableHeaderOn="true" columnWidths="200,200">
<tr>
<td align="center"><p><strong>Name</strong></p></td>
<td align="center"><p><strong>Value</strong></p></td>
</tr>
<tr>
<td><p>Item</p></td>
<td><p>123</p></td>
</tr>
</table>
```

```markdown
| Column 1 | Column 2 |
|----------|----------|
| Cell 1 | Cell 2 |
```
Markdown

```markdown
| Column 1 | Column 2 |
|----------|----------|
| Cell 1 | Cell 2 |
```
</CodeblockTabs>

HTML table attributes: `isTableHeaderOn`, `columnWidths`, `lightBackgroundColor`, `darkBackgroundColor`, `align`, `colSpan`, `rowSpan`.