## Purpose The current implementation of a [segmented control](https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/base-segmented-control--default) uses radio buttons to change a content view. This is based on the [Bootstrap example](https://getbootstrap.com/docs/5.1/components/button-group/#checkbox-and-radio-button-groups), but isn't a pattern I could find anywhere else. When asking in the web-a11y.slack.com Slack team both tabs and a button group were suggested as a replacement, but nothing favorable for the current component. `gl-segmented-control` is currently being used in these 7 places: - gitlab/app/assets/javascripts/performance_bar/components/detailed_metric.vue - gitlab/app/assets/javascripts/pipelines/components/graph/graph_view_selector.vue - gitlab/app/assets/javascripts/vue_shared/components/ci_cd_analytics/ci_cd_analytics_charts.vue - gitlab/ee/app/assets/javascripts/analytics/contribution_analytics/components/date_selector.vue - gitlab/ee/app/assets/javascripts/analytics/cycle_analytics/components/tasks_by_type/tasks_by_type_filters.vue - gitlab/ee/app/assets/javascripts/roadmap/components/roadmap_filters.vue - gitlab/ee/app/assets/javascripts/threat_monitoring/components/policy_editor/policy_editor_layout.vue Note: https://gitlab.com/groups/gitlab-org/-/epics/7261#note_906697218