Merge pull request #36 from GeekyAnts/development

Input example update
GeekyAnts · Feb 7, 2022 · c24ba87 · c24ba87
2 parents 3615a8c + ef47881
commit c24ba87
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/nb/components/primitives/Input/Elements.tsx b/src/nb/components/primitives/Input/Elements.tsx
@@ -3,6 +3,7 @@ import { Input, Icon, Stack } from 'native-base';
 import { MaterialIcons } from '@expo/vector-icons';
 
 export const Example = () => {
+  const [show, setShow] = React.useState(false);
   return (
     <Stack space={4} w="100%" alignItems="center">
       <Input
@@ -19,12 +20,14 @@ export const Example = () => {
       />
       <Input
         w={{ base: '75%', md: '25%' }}
+        type={show ? 'text' : 'password'}
         InputRightElement={
           <Icon
-            as={<MaterialIcons name="visibility-off" />}
+            as={<MaterialIcons name={show ? 'visibility' : 'visibility-off'} />}
             size={5}
             mr="2"
             color="muted.400"
+            onPress={() => setShow(!show)}
           />
         }
         placeholder="Password"