## Inputs Overview  
This guide gives an overview of Input components available in Dash Mantine components.  
Category: Inputs  

### Introduction to Mantine Inputs

Mantine Input components use a common base Input component giving all the inputs shared styles and features.  This helps
give your app a consistent design.

### Use props to add labels and more

Input components are made up of nested elements, so you can add things like labels, description, error message, icons and more with just a prop.
Here is an example of the TextInput component:


### Accessibility
All Mantine components, including inputs, are built with accessibility in mind, adhering to WAI-ARIA standards.
They provide features such as proper roles, ARIA attributes, semantic HTML, and full keyboard support out of the box,
simplifying the process of creating inclusive web apps.

### Checkbox


### Chip


### ColorInput

### ColorPicker


### Fieldset


### InputWrapper

Use [InputWrapper](/components/inputwrapper) to add label, description and error fields to custom inputs.

### JsonInput
[JsonInput](/components/jsoninput) is based on `Textarea` component, it includes json validation logic and option to format input value on blur.


### NumberInput


### PasswordInput

### PinInput


### RadioGroup


### Rating


### RichTextEditor


### SegmentedControl

### Slider

### RangeSlider


### Switch


:code: false

### TextInput


### TextArea


### Dropdown (Select) components

See the Combobox section

- [Select](/comonents/select): Single selection from a predefined list.
- [MultiSelect](components/multiselect): Multiple selections from a predefined list.
- [Autocomplete](components/autocomplete): Free text input with suggestions.
- [TagsInput](components/tagsinput): Multiple value entry (tags) with free input and suggestions. 


### Date and Time components

See the Date Picker section