@@ -6,6 +6,7 @@ import { ErrorText } from './Typography';
66
77export default React.memo(function Input({
88 // visuals
9+ type,
910 name,
1011 label,
1112 className,
@@ -33,6 +34,7 @@ export default React.memo(function Input({
3334 transformers,
3435
3536 // extra
37+ textarea = false,
3638 ...rest
3739}) {
3840 // NB(shrugs): we disable exhaustive deps because we don't want the callbacks
@@ -67,8 +69,11 @@ export default React.memo(function Input({
6769 </Flex.Item>
6870 <Flex.Item as={Flex} className="rel" row>
6971 <Flex.Item
70− as="input"
72+ as={type === 'textarea' ? 'textarea' : 'input'}
73+ type={type === 'textarea' ? undefined : type}
7174 {...rest}
75+ // NOTE: 24px = 12px * 2 (from p3 styling)
76+ style={type === 'textarea' ? { minHeight: 'calc(1rem + 24px)' } : {}}
7277 className={cn(
7378 'b b1 p3 outline-none',
7479 { mono },