Layout

Navigation Bar

An app bar: back button, title, actions. With largeTitle the title starts big and collapses into the bar as you scroll.
import { NavigationBar, NavigationBarBack } from "pleate/navigation-bar";

Large title

Scroll inside the phone.

Trips

  • Weekend in Lisbon14 to 17 Nov
  • Kyoto in spring2 to 11 Apr
  • Porto and the DouroMay, 5 nights
  • Road trip in AndalusiaJune, 9 nights
  • ReykjavikDraft
  • MarrakeshDraft
  • Naples and Procida12 to 18 Sep
  • OaxacaDay of the Dead, 6 nights
  • Hanoi to Hoi AnFeb, 10 nights
  • ValenciaLas Fallas, 4 nights
  • CopenhagenDraft
  • Sintra day tripSaturday

Props

title / largeTitle / subtitle

Title and the large-title mode.

ReactNode / boolean

leading / trailing

Back button, actions.

ReactNode

accessory

Under the large title (search, segmented control).

ReactNode

background

Match the screen behind.

"bg" | "surface"default "bg"

scrollContainer

When the scroller is not the window.

RefObject<HTMLElement>