Record tabs

Record tab row: tab strip plus „+ N další“ overflow and a personal layout; an empty tab drops out, a loading one does not.

React implementation lives in the app (record/RecordTabsRow.tsx + record-tabs.ts); it uses TabStrip internally and adds the overflow trigger and the layout menu. 14 Oct 2026 (owner "24g scvaleno", proto/zalozky-jeden-ovladac@489bb3bd6, acrm !5043): ONE icon button „Záložky" with a count badge of hidden tabs replaces „+ N další" and ⚙; its menu lists all tabs — name = open, switch = show/hide, grip/Alt+↑↓ = order; phone = bottom sheet with „Hotovo". Badge --accent-press + white, 5.73:1. Dev check 14 Oct 1440 + 390 (company Druid): badge 8, 15 switches, sheet ok.

Used in 4 files · 4 areas · 4× — components/company, pages/CompanyRecordPage, pages/ObchodDetailPage, pages/PersonRecordPage

Import

Not exported from @acrm/ui — <RecordTabsRow> lives in the app (apps/web/src/components/record/RecordTabsRow.tsx). Reuse the CSS classes below, or move the component into the package first.

Props

RecordTabsRow

No props extracted (not in props.json).

CSS classes

Files

• apps/web/src/components/record/RecordTabsRow.tsx
• apps/web/src/components/record/record-tabs.ts
• apps/web/src/ds.css

Related