fix: customizing component example with hover and pressed effects

GeekyAnts · Oct 28, 2022 · 0b91120 · 0b91120
1 parent ca2f3de
commit 0b91120
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/example/storybook/stories/theme/Custom/CustomizingVariant.tsx b/example/storybook/stories/theme/Custom/CustomizingVariant.tsx
@@ -15,6 +15,9 @@ export const Example = () => {
           rounded: ({ colorScheme }: any) => {
             return {
               bg: `${colorScheme}.500`,
+              _hover: { bg: `${colorScheme}.600` },
+              _pressed: { bg: `${colorScheme}.700` },
+              _text: { color: `${colorScheme}.50` },
               rounded: 'full',
             };
           },