Smart Props

This example is about keeping the prop contract TypeScript-first while still handling the awkward cases.

• prop types come from TypeScript
• ProfileCard.properties = ... only touches the props that need explicit metadata
• reflected booleans and JS-only values can live in the same authored API

What To Notice

• active reflects, while tags, createdAt, and onSelect stay JS-only
• ProfileCard.properties = ... is additive, not a replacement for inference
• the authored API stays close to the prop type instead of becoming decorator-heavy

Next

• Controlled Disclosure
• Async Action Form
• Property Inference Guide
• Component Metadata