build69
build69  /  Components  /  App  /  AtriumHome

AtriumHome

v1.0.7Updated 29 Jul 2026

Cross-product launcher home — an active-company KPI header, a 'Your apps' tile grid, quick actions and a 'needs attention' rail. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).

Preview

Live · 12 stories
DefaultOpen ↗
Why this is recommendedhomelauncherportaldashboard+5

The default, out-of-the-box AtriumHome.

Recommended for+14
  • Cross-product portal / launcher home
  • ERP or accounting workspace home
  • Multi-app SaaS home screen
Tags+6
homelauncherportaldashboardapp-gridatriumerpkpidefault
Features+4
  • Active-company KPI strip (StatCard)
  • Responsive "Your apps" tile grid with token-tinted icon chips + coming-soon state
  • Quick-action chips
  • "Needs attention" rail (overdue / filings / approvals)
  • Command-palette search button (onCommandK)
  • Fully token-driven; light + dark
Not recommended for−2
  • A single-app dashboard (use DashboardPage)
  • Personal task home (use MyDayPage)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "AtriumHome" })

Usage

import { AtriumHome } from '@build69/ui';

<AtriumHome companyName="Mali & Daughters" apps={apps} onAppOpen={(id) => router.push(id)} />

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

PropTypeRequired
userName

Greeted user

string
companyName

Active-company chip

string
kpis

KPI strip cards

AtriumKpi[]
apps

Launcher tiles (id, name, meta, icon, color, comingSoon)

AtriumApp[]
quickActions

Quick-action chips

AtriumQuickAction[]
alerts

Needs-attention rail items

AtriumAlert[]
onAppOpen

Tile click

(id: string) => void
onCommandK

Search / command palette

() => void

Related