Fixes for examples order

aitboudad · Jan 7, 2021 · faea938 · faea938
1 parent 30dc971
commit faea938
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 25 deletions.
diff --git a/example/storybook/stories/components/composites/IconButton/Sizes.tsx b/example/storybook/stories/components/composites/IconButton/Sizes.tsx
@@ -5,6 +5,7 @@ export default function () {
     <HStack space={4}>
       {['sm', 'md', 'lg'].map((size: any) => (
         <IconButton
+          key={size}
           size={size}
           variant="solid"
           colorScheme="blue"

diff --git a/example/storybook/stories/components/composites/IconButton/Variant.tsx b/example/storybook/stories/components/composites/IconButton/Variant.tsx
@@ -5,6 +5,7 @@ export default function () {
     <HStack space={4}>
       {['outline', 'solid', 'ghost'].map((variant: any) => (
         <IconButton
+          key={variant}
           variant={variant}
           colorScheme="teal"
           icon={<Icon name={'menu'} size={'lg'} />}

diff --git a/example/storybook/stories/index.ts b/example/storybook/stories/index.ts
@@ -1,4 +1,4 @@
-// Older version
+// Components
 export * from './components/composites/Accordion';
 export * from './components/composites/Actionsheet';
 export * from './components/composites/Alert';
@@ -7,67 +7,75 @@ export * from './components/composites/AppBar';
 export * from './components/composites/AspectRatio';
 export * from './components/composites/Avatar';
 export * from './components/composites/Badge';
+export * from './components/primitives/Box';
 export * from './components/composites/BreadCrumb';
+export * from './components/primitives/Button';
 export * from './components/composites/Center';
 export * from './components/composites/CircularProgress';
 export * from './components/composites/CloseButton';
 export * from './components/composites/Code';
+export * from './components/primitives/Checkbox';
 export * from './components/composites/Collapse';
+export * from './components/primitives/Column';
 export * from './components/composites/Container';
 export * from './components/composites/Divider';
 export * from './components/composites/Fab';
-export * from './components/composites/FormControl';
-export * from './components/composites/IconButton';
-export * from './components/composites/Kbd';
-export * from './components/composites/Menu';
-export * from './components/composites/Modal';
-export * from './components/composites/NumberInput';
-export * from './components/composites/PinInput';
-export * from './components/composites/Popover';
-export * from './components/composites/Progress';
-export * from './components/composites/SimpleGrid';
-export * from './components/composites/Skeleton';
-export * from './components/composites/Snackbar';
-export * from './components/composites/Stat';
-export * from './components/composites/Tabs';
-export * from './components/composites/Tag';
-export * from './components/composites/Toast';
-export * from './components/composites/Transitions';
-export * from './components/composites/Typeahead';
-export * from './components/composites/Wrap';
-export * from './components/primitives/Box';
-export * from './components/primitives/Button';
-export * from './components/primitives/Checkbox';
-export * from './components/primitives/Column';
+export * from './components/composites/factory';
 export * from './components/primitives/Flex';
+export * from './components/composites/FormControl';
 export * from './components/primitives/Heading';
 export * from './components/primitives/HStack';
 export * from './components/primitives/Icon';
+export * from './components/composites/IconButton';
 export * from './components/primitives/Image';
 export * from './components/primitives/Input';
+export * from './components/composites/Kbd';
 export * from './components/primitives/Link';
 export * from './components/primitives/List';
+export * from './components/composites/Menu';
+export * from './components/composites/Modal';
+export * from './components/composites/NumberInput';
 export * from './components/primitives/Overlay';
+export * from './components/composites/PinInput';
+export * from './components/composites/Popover';
+export * from './components/composites/Progress';
 export * from './components/primitives/Radio';
 export * from './components/primitives/Row';
 export * from './components/primitives/Select';
+export * from './components/composites/SimpleGrid';
+export * from './components/composites/Skeleton';
 export * from './components/primitives/Slider';
+export * from './components/composites/Snackbar';
 export * from './components/primitives/Spinner';
 export * from './components/primitives/Stack';
+export * from './components/composites/Stat';
 export * from './components/primitives/Switch';
+export * from './components/composites/Tabs';
+export * from './components/composites/Tag';
 export * from './components/primitives/Text';
 export * from './components/primitives/TextArea';
+export * from './components/composites/Toast';
+export * from './components/composites/Transitions';
+export * from './components/composites/Typeahead';
 export * from './components/primitives/VStack';
+export * from './components/composites/Wrap';
 export * from './components/primitives/ZStack';
-export * from './components/composites/factory';
+
+// Hooks
 export * from './hooks/useBreakpointValue';
 export * from './hooks/useClipboard';
 export * from './hooks/useDisclose';
 export * from './hooks/useMediaQuery';
 export * from './hooks/usePopover';
+
+// Theme
 export * from './theme/Custom';
 export * from './theme/Mode';
 export * from './theme/Responsive';
+
+// Community integrations
 export * from './communityIntegration/Formik';
 export * from './communityIntegration/ReactHookForm';
+
+// Examples
 export * from './examples';