Shared Components
This page demonstrates the shared UI components from @rbee/ui that maintain design consistency across the rbee platform.
Design Tokens
All components use the rbee design system with:
- Primary Color: Honeycomb Yellow/Gold (#f59e0b)
- Dark Mode: Automatic theme switching
- Consistent Spacing: 4px base unit
Buttons
Button Sizes
Badges
DefaultBetaNewDeprecated
Cards
Example Card
This card uses shared components from @rbee/ui
Card content goes here. This maintains the same design language as the commercial site.
Usage in Documentation
These components can be used throughout the documentation to:
- Highlight important actions with Buttons
- Mark status or categories with Badges
- Group related content with Cards
Example: Feature Overview
Private Infrastructure
SecureYour data never leaves your infrastructure
Deploy models on your own hardware or use our managed service.
GDPR Compliant
EUBuilt for European data regulations
Full compliance with Dutch and European privacy laws.
Design Consistency
Using @rbee/ui ensures:
- ✅ Consistent colors across all rbee applications
- ✅ Unified component behavior
- ✅ Shared design tokens
- ✅ Automatic dark mode support
- ✅ Single source of truth for styling