Cmd/Ctrl + K to search
ESC to clear / exit
Watson
  • Welcome
  • Getting started
  • Latest Updates
  • Foundations
  • Watson Web
Welcome Getting started Latest Updates Foundations Watson Web
  • Watson Web
  • Components
    • Action Bar
    • Avatar
    • Badge
    • Banner
    • Breadcrumbs
    • Button
    • Button Group
    • Calendar
    • Card
    • Checkbox
    • Collapse
    • Combobox
    • Date Picker
    • Divider
    • Dropdown Menu
    • Empty State
    • Feedback
    • Fieldset
    • File Upload
    • Filter
    • Grid
    • Header
    • Icon
    • Icon Button
    • Input
    • Label
    • Layout
    • Link
    • Loading overlay
    • Modal
    • Navigation List
    • Pagination
    • Popover
    • Progress Bar
    • Radio
    • Segmented Control
      • Usage Guidelines
      • Accessibility Guidelines
      • Vue 3
      • Vue 2
      • Web components
    • Skeleton
    • Spacer
    • Spinner
    • Stack
    • Select
    • Step Indicator
    • Table
    • Tabs
    • Text
    • Textarea
    • Tile
    • Toast
    • Toggle
    • Tooltip
  • Patterns
  • Templates
Powered by Supernova

Segmented Control

Segmented Control is a linear set of connected controls that lets users select one or more related options, instantly updating the content or view within the same screen.

  • Usage Guidelines
  • Accessibility Guidelines
  • Vue 3
  • Vue 2
  • Web components
Open in Storybook
Segmented Control
Accessibility Guidelines
Segmented Control
Vue 2

© 2025 Watson. Page last updated on Sep 18, 2025, 14:30