diff options
Diffstat (limited to 'src/components/forms')
| -rw-r--r-- | src/components/forms/TextField.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 9993317d6..3d4caa93b 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -48,9 +48,11 @@ const Context = createContext<{ }) Context.displayName = 'TextFieldContext' -export type RootProps = React.PropsWithChildren<{isInvalid?: boolean}> +export type RootProps = React.PropsWithChildren< + {isInvalid?: boolean} & TextStyleProp +> -export function Root({children, isInvalid = false}: RootProps) { +export function Root({children, isInvalid = false, style}: RootProps) { const inputRef = useRef<TextInput>(null) const { state: hovered, @@ -85,7 +87,14 @@ export function Root({children, isInvalid = false}: RootProps) { return ( <Context.Provider value={context}> <View - style={[a.flex_row, a.align_center, a.relative, a.w_full, a.px_md]} + style={[ + a.flex_row, + a.align_center, + a.relative, + a.w_full, + a.px_md, + style, + ]} {...web({ onClick: () => inputRef.current?.focus(), onMouseOver: onHoverIn, |