Skip to content

Commit 6175703

Browse files
Rajat ChaudharyRajat Chaudhary
authored andcommitted
fix: fab
1 parent 27d31b3 commit 6175703

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

example/storybook-nativewind/src/components/Fab/index.nw.stories.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,7 @@ A Fab component with an icon adds a visually striking and easily recognizable bu
446446
);
447447
})}
448448
</VStack>
449-
<Fab size='lg' className='bg-emerald-600 hover:bg-emerald-700 active:bg-emerald-800' >
449+
<Fab size='lg' className='bg-primary-600 hover:bg-primary-700 active:bg-primary-800' >
450450
{/* EditIcon is imported from 'lucide-react-native' */}
451451
<FabIcon as={EditIcon} color="white"/>
452452
</Fab>
@@ -489,13 +489,13 @@ A Fab component with an icon and text combines a visual icon with accompanying t
489489
<Box
490490
className='max-w-96 border rounded-lg border-outline-200 py-[56px] px-6 mx-5 bg-background-100'
491491
>
492-
<Fab className='top-4 h-9 bg-indigo-600 hover:bg-indigo-700 active:bg-indigo-900'>
492+
<Fab className='top-4 h-9 bg-primary-600 hover:bg-primary-700 active:bg-primary-900'>
493493
<FabIcon as={SearchIcon} className='stroke-white' />
494494
<FabLabel className='text-white'>Search</FabLabel>
495495
</Fab>
496496
<VStack space='lg'>
497497
<Box>
498-
<Text className='text-xs text-blue-600 font-bold'>
498+
<Text className='text-xs text-primary-600 font-bold'>
499499
HEALTH
500500
</Text>
501501
<Heading size='sm'>
@@ -524,7 +524,7 @@ A Fab component with an icon and text combines a visual icon with accompanying t
524524
</Box>
525525
<Divider />
526526
<Box>
527-
<Text className='text-xs text-blue-600 font-bold'>
527+
<Text className='text-xs text-primary-600 font-bold'>
528528
TECHNOLOGY
529529
</Text>
530530
<Heading size='sm' >
@@ -690,12 +690,12 @@ A Fab component with custom placement allows for flexible positioning of the but
690690
Oranges are a great source of vitamin C, which is essential for a healthy immune system. Oranges are a great source of vitamin C, which is important for maintaining a healthy immune system. Vitamin C also helps with the absorption of iron and the production of collagen, which supports healthy skin, teeth, and bones.
691691
</Text>
692692
<Link href="https://gluestack.io/" isExternal>
693-
<Text className='text-xs text-pink-600'>
693+
<Text className='text-xs text-primary-600'>
694694
READ MORE
695695
</Text>
696696
</Link>
697697
</VStack>
698-
<Fab size='lg' className='bg-pink-600 right-4 bottom-16 hover:bg-pink-700 active:bg-pink-800'>
698+
<Fab size='lg' className='bg-primary-600 right-4 bottom-16 hover:bg-primary-700 active:bg-primary-800'>
699699
{/* ShoppingCartIcon is imported from 'lucide-react-native' */}
700700
<FabIcon as={ShoppingCartIcon} className='h-4 w-4' color="white"/>
701701
</Fab>

0 commit comments

Comments
 (0)