Vairo — Component Patterns

Stat Card Dashboard

24

Active Bookings

↑ 12% from last month

Flight Card Search Results

10:45

Brussels (BRU)

14h 35m

1 stop

08:20⁺¹

Tokyo (NRT)

LH

Lufthansa

€2,425

Sidebar Navigation Layout

Toast Notification Feedback

Booking Confirmed

PNR XYZ123 has been created

Modal Dialog Overlay

Form Fields Input

Passenger Name *

As it appears on passport

Passport Number *

Progress Steps Navigation

✓

Search

✓

Select

3

Review

4

Travelers

5

Payment

Data Table List

PNR	Route	Traveler	Date	Status	Price
XYZ123	BRU → NRT	John Smith	Dec 18, 2024	✓ Confirmed	€2,425
ABC789	BRU → JFK	Sarah Johnson	Dec 22, 2024	⏳ Pending	€1,890