Components › Forms & input › Select › Nav select

Nav select

canon

Compact chip-style select used inside top bars to switch views.

Used in 14 files · 14 areas · 23× — components/accounting, components/communication, components/kpi, components/meetings, pages/ActivityOverviewPage, pages/AktivitaPage …

Import

import { NavSelect } from '@acrm/ui'

Props

NavSelect packages/ui/src/components/NavSelect.tsx

NameTypeDefaultDescription
value *string——
options *NavOption[]——
onChange *(key: string) => void——
labelstring—muted key shown before the value, e.g. "Typ" / "Období".
iconstring'chevron-down'leading chip icon (Tabler name).
align'left' | 'right''right'—
hideLabelbooleanfalseLišta výpisu (zadavatel 14. 10. 2026): ovladač bez slovního popisku — ikona + zvolená hodnota + šipka. Název ovladače nese aria-label („Řadit: Nejnovější") a tooltip; v menu zůstává jako záhlaví. Bez label nemá efekt.

CSS classes

.tchip.acrm-popover-item

Files