Title Block
Open Source
NewSingle-owner drafting title block with data-earned metadata cells and density-aware cellular geometry.
API and behavior
Compound exports, owned slots, interaction law, and family hook routing.
- Required props
TitleBlockScope.surfaceIdTitleBlockScope.titleBlockTitleBlock.drawingTitle- Optional props
idrevisionpagecountstatusdatecollapsedchildren- Controlled props
- None
- Companion exports
TitleBlockScopeTitleBlock- Owned data-slot contract
title-block-surfacetitle-blocktitle-block-titletitle-block-metatitle-block-field
Motif route
MOTIF_REGISTRY.title-block → apparatusTarget('title-block')
Keyboard
No synthetic keyboard layer; links and controls supplied as children retain native behavior.
Accessibility
One scope owns at most one TitleBlock; metadata uses a real dl/dt/dd structure and labels describe supplied data.
Family hooks
Draft consumes title-block frame, cell, line-tier, display, microlabel, and data-font hooks.
complete metadatacollapsed title-onlylong-title overflowInstallation
npx shadcn@latest add @substrateui/title-block --yesUpgrading a project that installed base before F1? Refresh the shared hooks first:
npx shadcn@latest add @substrateui/base --yes --overwritenpm Dependencies
npm install class-variance-authorityTags
drafttitlemetadatapanel