diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2020-12-14 16:37:21 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-14 16:37:21 -0500 |
| commit | b505c851d3dfffc2f2efd12d99422ba3727ba88e (patch) | |
| tree | 15bc5d183e23afc0407ebb82091433263487026c /src/components/onboarding/TaggInput.tsx | |
| parent | 19a9f370bc99b72e320ebda2125fd7ca9eb0f0ef (diff) | |
added icons (#139)
Co-authored-by: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Diffstat (limited to 'src/components/onboarding/TaggInput.tsx')
| -rw-r--r-- | src/components/onboarding/TaggInput.tsx | 5 |
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, |