InputWrapper | 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 Burger Pagination

Data display

Accordion Avatar Badge Card ColorSwatch Image Kbd Spoiler Tabs ThemeIcon Timeline

Overlay

Affix Dialog Drawer LoadingOverlay Menu Modal Overlay Popover Tooltip

Typography

Blockquote Code Highlight List Mark Table Text Title TypographyStylesProvider

Feedback

Alert Loader Notification Progress RingProgress

Miscellaneous

Collapse Divider Paper Popper Portal