aboutsummaryrefslogtreecommitdiff
path: root/src/components/onboarding/TaggInput.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/onboarding/TaggInput.tsx')
-rw-r--r--src/components/onboarding/TaggInput.tsx5
1 files changed, 2 insertions, 3 deletions
diff --git a/src/components/onboarding/TaggInput.tsx b/src/components/onboarding/TaggInput.tsx
index fe11d4f0..12d99325 100644
--- a/src/components/onboarding/TaggInput.tsx
+++ b/src/components/onboarding/TaggInput.tsx
@@ -6,7 +6,6 @@ interface TaggInputProps extends TextInputProps {
valid?: boolean;
invalidWarning?: string;
attemptedSubmit?: boolean;
- width?: number | string;
}
/**
* An input component that receives all props a normal TextInput component does. TaggInput components grow to 60% of their parent's width by default, but this can be set using the `width` prop.
@@ -15,7 +14,7 @@ const TaggInput = React.forwardRef((props: TaggInputProps, ref: any) => {
return (
<View style={styles.container}>
<TextInput
- style={[{width: props.width}, styles.input]}
+ style={styles.input}
placeholderTextColor="#ddd"
clearButtonMode="while-editing"
ref={ref}
@@ -35,11 +34,11 @@ const TaggInput = React.forwardRef((props: TaggInputProps, ref: any) => {
const styles = StyleSheet.create({
container: {
- width: '100%',
alignItems: 'center',
marginVertical: 11,
},
input: {
+ width: '100%',
minWidth: '60%',
height: 40,
fontSize: 16,