Component Test Page
This page tests all the new MDX components.
Callout Component
Info Callout
Information
This is an info callout with a title.
Warning Callout
Warning
This is a warning callout. Pay attention!
Error Callout
Error
This is an error callout. Something went wrong!
Success Callout
Success
This is a success callout. Everything worked!
Callout Without Title
This is a callout without a title.
LinkCard & CardGrid Components
Two Column Grid
Remote Hive Setup
Learn how to connect remote machines to your rbee colony
Job-Based Pattern
Understand the job submission and SSE streaming pattern
Three Column Grid
Installation
Get started with rbee
Architecture
System architecture overview
API Reference
Complete API documentation
Existing Components from @rbee/ui
CodeSnippet
curl -sSL https://install.rbee.dev | sh
TerminalWindow
Installation
$ curl -sSL https://install.rbee.dev | sh Downloading rbee v0.1.0… ✓ Installation complete $ rbee —version rbee 0.1.0
Badge
Default Secondary DestructiveSeparator
Above the separator
Below the separator
CodeTabs Component
Multi-Language Example
python
from openai import OpenAI
client = OpenAI( base_url="http://localhost:7833/openai", api_key="not-needed")
response = client.chat.completions.create( model="llama-3-8b", messages=[{"role": "user", "content": "Hello!"}])
print(response.choices[0].message.content)APIParameterTable Component
Example API Parameters
| Parameter | Type | Required | Default | Description |
|---|---|---|---|---|
| model | string | Required | — | Model ID to use for inference (e.g., "llama-3-8b") |
| prompt | string | Required | — | Input text prompt for the model |
| temperature | float | Optional | 0.7 | Sampling temperature (0.0-2.0). Higher values make output more random. |
| max_tokens | integer | Optional | 100 | Maximum number of tokens to generate |
| top_p | float | Optional | 0.9 | Nucleus sampling parameter (0.0-1.0) |
| stream | boolean | Optional | false | Enable streaming response via SSE |
Test Complete
All 5 components are working! ✅
- ✅ Callout (4 variants)
- ✅ LinkCard + CardGrid
- ✅ CodeTabs (with syntax highlighting + copy)
- ✅ APIParameterTable (with search)