Skip to content

Layout: Bottom tabs

A bottom navigation bar with one tab per table. Tapping a tab opens that table’s view full-screen. This is the classic mobile-app shape.

When to pick it

  • You have roughly 2 to 5 tables, each worth its own screen.
  • Each table is a destination people switch between, like “Today”, “Foods”, or “Log”.

What you get

  • A bottom tab bar; each tab shows one table in its chosen view (list, kanban, or calendar).
  • An Add button on each tab to create records in that table.
  • The leftmost tab is the screen people land on.

📷 Screenshot: a running app showing the bottom tab bar with several tabs.

Tips

  • More than about five tables gets cramped in a tab bar; consider Dashboard instead.
  • You choose each table’s view (list, kanban, or calendar) on the next step.