MKInput
The MKInput helps you to create different form elements. It uses MUI InputBase in base and you can use all of the props from MUI InputBasefor the MKInput component.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Material Kit 2 React Components
import MKInput from "components/MKInput";
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| error | bool | false | Change the MKInput border color to red, its useful when displaying the error messages. |
| success | bool | false | Change the MKInput border color to green, its useful when displaying the success messages. |
| HTML5 Attributes | You can also use HTML5 input attributes for the MKInput. | ||
| MUI Props | You can pass all of the MUI InputBase props for the MKInput as well. |
Styles
// Material Kit 2 React Components
import MKInput from "components/MKInput";
Success/Error
// Material Kit 2 React Components
import MKInput from "components/MKInput";
Sizes
// Material Kit 2 React Components
import MKInput from "components/MKInput";
Textarea
// Material Kit 2 React Components
import MKInput from "components/MKInput";
HTML5 Inputs
// Material Kit 2 React Components
import MKInput from "components/MKInput";