Contact detail tabs

Adapted

Keep the context in reach. A quiet, underline-led tab rail for switching between contact detail views.

TabsNavigationResponsive

React · CSS

Origin & adaptation notes

Adapts the current TukiMate contact detail tab rail: six text-only tabs, a subtle bottom border, a 2px brand underline for the active view, and horizontal scrolling on narrow screens. Contact data and panels are replaced with synthetic local content; keyboard behavior uses native ARIA tab semantics.

Curated adaptation. Synthetic data only. No production APIs.