useResponsiveInput

 !npm bundle size !NPM

useResponsiveInput is a React hook that makes any input component responsive to it's text's width.

Installation

#### npm

``bash
npm install react-use-responsive-input
`

#### Yarn

`bash
yarn add react-use-responsive-input
`

Example

`tsx
import useResponsiveInput from 'react-use-responsive-input'

const ResponsiveInput = ({
value,
onChange,
}: {
value: string
onChange?(value: string): void
}) => {
const responsiveInputRef = useResponsiveInput({
// options
// disabled: boolean
// extraWidth: number
// fixedValue: string
// minWidth: number
// onUpdateWidth(width: number): void
})

return (
ref={responsiveInputRef}
value={value}
onChange={(e) => onChange?.(e.target.value)}
/>
)
}
``