Enhance custom inputs with label, error and description
!important: Do not use InputWrapper with Mantine inputs, it is already included in most inputs:
InputWrapper is used to wrap for all Mantine inputs (Select, TextInput, Textarea and others). It includes label with optional required asterisk, description and error message.
All Mantine inputs support the same props as InputWrapper. You can combine it with Input component to build your own custom inputs with the same style and behavior.
Please enter your credit card information, we need some money
Your credit card expired
Change label element
Some inputs like RadioGroup may require to detach label from certain element.
To implement this, use