Mobile-first app shell with sticky compact header, single-scroll body, and fixed bottom tab-bar. The first shell in Decantr's catalog optimized for mobile-portrait consumer apps. Desktop scales gracefully to a 480px-wide centered column. Use for: dating apps, social discovery, swipe feeds, anywhere a bottom tab navigator is the primary navigation affordance.
@official/decantrMay 13, 2026
How to use this
What to do next
Use this to study the frame regions and spacing rhythm for a route family.
Reach for the shell contract when your page layout drifts from the intended top-level structure.
Compare the shell implementation against page spacing before patching child components.
Contract explorer
Inspect the source of truth
The contract remains available when you need route detail, theme bindings, or raw JSON for automation.
@official/mobile-tab-bar — contract
124 lines7.0 KB16 root entriesschema
id
stringstring
nav
stringstring
name
stringstring
root
stringstring
atoms
stringstring
config
object5 keys
header
stringstring
layout
stringstring
$schema
stringstring
version
stringstring
guidance
object6 keys
nav_style
stringstring
dimensions
object6 keys
description
stringstring
decantr_compat
stringstring
internal_layout
object7 keys
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, Structured authored contract coverage is strong, Copyable implementation guidance is present
Holding back: Authored quality score is below the recommendation threshold, Authored confidence score is below the recommendation threshold