Numbered step cards with code blocks, chat bubbles, or output content showing a getting-started flow. Each card has a vibrant gradient background, a numbered circle badge, a step title, and a content block. Supports tabbed configuration blocks below the cards for framework-specific setup instructions. Ideal for onboarding sections and quick-start guides.
@official/decantrMay 13, 2026
How to use this
What to do next
Use this as a high-signal reference for the interaction and layout it describes.
Inspect the contract before rebuilding the same component by hand.
Keep the pattern structure and responsive behavior intact when translating it into runtime code.
Contract explorer
Inspect the source of truth
The contract remains available when you need route detail, theme bindings, or raw JSON for automation.
@official/quick-start — contract
88 lines4.2 KB15 root entriesschema
id
stringstring
io
object3 keys
name
stringstring
$schema
stringstring
presets
object2 keys
version
stringstring
contained
booleanboolean
components
object2 items
description
stringstring
dependencies
object3 keys
interactions
object3 items
layout_hints
object6 keys
decantr_compat
stringstring
default_layout
object3 keys
default_preset
stringstring
Registry evidencePublisher and verification details
Registry intelligence
This item is authored and structured, but it is not currently one of the primary recommended references.
Recommended because: Official registry source, Copyable implementation guidance is present
Holding back: Structured authored contract coverage is still thin, Authored quality score is below the recommendation threshold, Authored confidence score is below the recommendation threshold