Navigation Bar

The Navigation Bar is the persistent header present on every step of a Prizma verification flow. It provides orientation (title), backward navigation (back button), and flow exit (close icon) — always in the same position.

Anatomy

Variants

Back + close.navbar

The default: back on the left, step title centered, close on the right.

Close only.navbar--no-back

First step of a flow — there is nowhere to go back to.

Tokens

TokenRoleLayer

--nav-bar-surfaceBar backgroundComponent

--nav-bar-borderBottom border colorComponent

--nav-bar-titleTitle text colorComponent

--nav-bar-back-textBack label colorComponent

--nav-bar-iconIcon color (back, close)Component

--nav-bar-heightBar heightComponent

Component tokens

The color tokens for this component live in Color → Tokens, and its spacing, radius, and type map to the shared foundation scales.