Canopy

Tab layout

Mobile-style shell with a sticky top bar, scrollable main region, and bottom navigation. Defined in packages/grove/src/canopies/TabLayout.tsx.

Preview

The layout defaults to full viewport height; this preview constrains height for the docs surface.

Wallet

Scrollable content goes here.

import { TabLayout } from '@twig/grove'

<TabLayout
  topBar={<Header />}
  navigationBar={<BottomNav />}
>
  {children}
</TabLayout>