SegmentedControl | Mantine

⌘K

Getting Started

Theming context Extend theme Global styles Dark theme Styling with react-jss Styles API Usage with Next.js

Getting started

State management

use-debounced-value use-form use-id use-idle use-interval use-list-state use-local-storage-value use-pagination use-queue use-toggle use-uncontrolled

UI and Dom

use-click-outside use-color-scheme use-focus-return use-focus-trap use-fullscreen use-hotkeys use-intersection use-media-query use-move use-reduced-motion use-scroll-lock

Utilities

use-clipboard use-document-title use-hash use-merged-ref use-window-event use-window-scroll

Lifecycle

use-did-update use-force-update use-isomorphic-effect use-logger use-shallow-effect

Getting started Shared props Custom inputs

Layout

Center Container Grid Group SimpleGrid

Inputs & buttons

ActionIcon Autocomplete Button Checkbox Chips ColorInput ColorPicker Input InputWrapper JsonInput MultiSelect NativeSelect NumberInput PasswordInput RadioGroup SegmentedControl Select Slider Switch Textarea TextInput

Navigation

Anchor Breadcrumbs