A React component for input text field
npm install @chakra-ui/inputInput component is a component that is used to get user input in a text field.
``sh
yarn add @chakra-ui/input
npm i @chakra-ui/input
`
`jsx`
import {
Input,
InputGroup,
InputAddon,
InputLeftAddon,
InputRightAddon,
InputElement,
InputLeftElement,
InputRightElement,
} from "@chakra-ui/input"
`jsx`
Pass the isDisabled prop to have the input in the disabled state.
`jsx`
Pass the isInvalid prop to have the input in the invalid state.
`jsx`
Pass the isReadOnly prop to have the input in the read-only state.
`jsx`
Pass the size prop to change the size of the input. Chakra UI input sizesm
values are: , md and lg. The size of the input component is md by
default.
`jsx
<>
>
`
Pass the variant prop to change the visual appearance of the input component.outline
Chakra UI input variant types are: , filled, flushed andunstyled.
`jsx`
<>
>
Prepend or append an element, generally a label or a button to the input
component.
`jsx
<>
>
`
`jsx``