diff --git a/apps/shade/.storybook/preview.tsx b/apps/shade/.storybook/preview.tsx index 68f42ed2cb..5dd71eed99 100644 --- a/apps/shade/.storybook/preview.tsx +++ b/apps/shade/.storybook/preview.tsx @@ -59,7 +59,7 @@ const preview: Preview = { options: { storySort: { method: 'alphabetical', - order: ['Welcome', 'Adding components', 'Component usage', 'Conventions', 'Icons', 'Global', ['Form', 'Chrome', 'Modal', 'Layout', ['View Container', 'Page Header', 'Page'], 'List', 'Table', '*'], 'Settings', ['Setting Section', 'Setting Group', '*'], 'Experimental'], + order: ['Welcome', 'Adding components', 'Component usage', 'Conventions', 'Icons', 'Components', 'Meta', 'Experimental'], }, }, docs: { diff --git a/apps/shade/src/components/ui/icon.stories.tsx b/apps/shade/src/components/ui/icon.stories.tsx index bfb37b4020..0a11f8b115 100644 --- a/apps/shade/src/components/ui/icon.stories.tsx +++ b/apps/shade/src/components/ui/icon.stories.tsx @@ -3,7 +3,7 @@ import type {Meta, StoryObj} from '@storybook/react'; import {useState} from 'react'; const meta = { - title: 'Components / Streamline icons', + title: 'Components / Icons', component: Icon.Close, tags: ['autodocs'], argTypes: { diff --git a/apps/shade/src/components/ui/lucide-icon.stories.tsx b/apps/shade/src/components/ui/lucide-icon.stories.tsx index 1891f18df0..81829ecd0d 100644 --- a/apps/shade/src/components/ui/lucide-icon.stories.tsx +++ b/apps/shade/src/components/ui/lucide-icon.stories.tsx @@ -3,7 +3,7 @@ import type {Meta, StoryObj} from '@storybook/react'; import {Smile} from 'lucide-react'; const meta = { - title: 'Components / Lucide icons', + title: 'Experimental / Lucide icons', component: Smile, tags: ['autodocs'], parameters: { diff --git a/apps/shade/src/docs/Icons.mdx b/apps/shade/src/docs/Icons.mdx index e9c0e2af5a..8e3d7818e1 100644 --- a/apps/shade/src/docs/Icons.mdx +++ b/apps/shade/src/docs/Icons.mdx @@ -12,9 +12,9 @@ In Shade we use Streamline icons. They are dynamically loaded from the `src/asse ``` -If you check out the [Icons](/docs/components-streamline-icons--docs) component here in Storybook, you'll see a grid of all available icons in Shade. This list is dynamically loaded and if you click on an icon then the component code will be copied to your clipboard. +If you check out the [Icons](/docs/components-icons--docs) component here in Storybook, you'll see a grid of all available icons in Shade. This list is dynamically loaded and if you click on an icon then the component code will be copied to your clipboard. -Streamline icons in Shade → +Streamline icons in Shade → ## Adding icons