Segmented Mode Picker

A pill toggle for 2–4 mutually-exclusive named modes (ring-bordered container, active item tinted + ringed), plus a typed TabBar variant with disabledTabs gating. Fully controlled, generic over the id type. Covers OCR content-type, summary.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/input-controls/segmented-mode-picker

Files

• apps/ui/registry/localmode/input-controls/segmented-mode-picker/segmented-mode-picker.tsx
• apps/ui/src/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Segmented Control Components
• React Segmented Control Components
• Tailwind CSS Segmented Control Components

More from LocalMode

• Language Pair Selector
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer
• Transcribed Note Card
• Voice Button
• Voice Comparison Panel