| Name | Status | Enrolled Debt | Days |
|---|---|---|---|
| Search a company to populate | |||
Nexus design system — all components, classes, and usage patterns in one place.
.text-display 32px / weight 200.cb-title 22px / weight 300.text-section 18px / weight 600 / color #1e293b.text-panel 15px / weight 600 / color #1e293bSubtitle / description — 12px regular
.cb-desc 12px / color:#64748bBody copy at 13.5px line-height 1.6. The quick brown fox.
.text-body 13.5px / line-height 1.6 / color #334155Caption / metadata — 12px muted
.text-caption 12px / color #64748b (muted).scope-sidebar-label 10px / 700 / uppercase / trackedSELECT * FROM contacts WHERE enrolled = 1.text-mono monospace / 12px / color #334155Body paragraph at 13.5px / line-height 1.6. The quick brown fox jumps over the lazy dog.
inline code and a linkA pull-quote uses a left bar and muted text.
// Code block — monospace + tinted background const id = nexus.host.moduleId;
.prose h1 / h2 / h3 / h4 / h5 / h6
.prose p / ul / ol / li / code / pre / blockquote / a / hr
.cb-btn.cb-btn--primary.cb-btn.entity-action-btn.module-page-cta.panel-link-btn.clients-filter-btn.status-badge .status-enrolled / .status-dropped / .status-graduated / .status-unknown.status-pill (+ inline bg/color for semantic types).cb-stat-badge (context bar stats).nlq-token[data-type="concept_report|company|entity_contact|date|module|saved_set"].scope-pill .scope-pill.active .scope-pill.incompatible.sugg-item .sugg-item.sel .si-dot .si-text .si-obj .si-ftype .tab-chip.panel-content .panel-header .panel-title .panel-body
.entity-kpi-row .kpi-card .kpi-label .kpi-value
.panel-content
.panel-header .panel-drag-handle .panel-title
.panel-body
Gear icon: .cb-icon-btn (also wired by canvas; module gets a gear by declaring a settings schema)
.kpi-stack .kpi-item .kpi-val .kpi-lbl
| Enrolled Date | Mar 15, 2026 |
| Payment Amount | $485.00 / month |
| Program | Standard 48-month |
.info-table .info-key .info-val
| Creditor | Original | Status |
|---|---|---|
| First National Bank | $8,400 | Enrolled |
| Capital One | $3,200 | Settled |
.data-table thead th tbody td
.activity-feed .activity-item
.activity-dot .activity-text .activity-time
.task-list .task-item .task-item.task-done
.task-check .task-text .task-due
.ch-root .ch-avatar .ch-name .ch-meta .ch-id .ch-company .ch-sub .ch-actions
Contents
.vnav.uitk-vnav — right-aligned gutter variant
items: flex-direction:row-reverse; padding-right:16px
label: text-align:right
With .vnav-icon slots:
No widgets yet
Open the palette to add a KPI or chart.
nexus.ui.components.empty({ title, message?, icon? })
nexus.ui.components.spinner({ label? })
nexus.ui.toast({ text, type?, progressType?, progress?, autoClose?, dismissible? })
NexusToast.update(id, changes)
NexusToast.dismiss(id)
nexus.ui.modal({ title, body, primary?, secondary?, size? }) → Promise<result>
nexus.ui.confirm(text) → Promise<boolean>
ForthBrand.mark(size, opts) · ForthBrand.logo(height, opts) · ForthBrand.logoDark(height)
.p8 file or
Save current set
Incorrect PIN
Enter PIN to continue