546b0231e7
* un-daisy labels * un-daisy inputs * un-daisy input groups * fixup input * un-daisy selects * un-daisy slider * Uninstall daisy. Migrate colors * un-daisy tables * fix input error styling * lint
17 lines
651 B
TypeScript
17 lines
651 B
TypeScript
import clsx from 'clsx'
|
|
import Textarea from 'react-expanding-textarea'
|
|
|
|
/** Expanding `<textarea>` with same style as input.tsx */
|
|
export const ExpandingInput = (props: Parameters<typeof Textarea>[0]) => {
|
|
const { className, ...rest } = props
|
|
return (
|
|
<Textarea
|
|
className={clsx(
|
|
'resize-none rounded-md border border-gray-300 bg-white px-4 text-[16px] leading-loose shadow-sm transition-colors focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 disabled:cursor-not-allowed disabled:border-gray-200 disabled:bg-gray-50 disabled:text-gray-500 md:text-[14px]',
|
|
className
|
|
)}
|
|
{...rest}
|
|
/>
|
|
)
|
|
}
|