Components

A Component in components/ declares its typed props and renderings once. Every Site, App and Dashboard of the Startup uses it.

ReferenceCopy Anchor Link

A prop's type is a scalar or a Noun name. renderers lists web, native and markdown; each Component renders for people, native clients and agents.

ExamplesCopy Anchor Link

MinimalCopy Anchor Link

---
props:
  lease: { type: Lease, required: true }
renderers: [web, markdown]
---

LeaselineCopy Anchor Link

Leaseline declares a Lease Noun.

import { StateBadge, Timeline } from 'startup-builder/ui'

export default function RenewalCountdown({ lease }: { lease: Lease }) {
  const days = Math.ceil((Date.parse(lease.endsOn) - Date.now()) / 86_400_000)
  return (
    <section>
      <h3>{lease.unit}: {days} days to renewal</h3>
      <StateBadge thing={lease.$id} />
      <Timeline thing={lease.$id} />
    </section>
  )
}

What it buildsCopy Anchor Link

The SiteBuilder compiles the files.

• a Component whose props become typed for every Page, view and Dashboard
• its Markdown rendering, so agents read what people see

Good to knowCopy Anchor Link

• The built-in catalog is UI components.