Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-30 22:34:01 -05:00
Code Issues Activity

Added experimental section in Shade (#21875)

Browse source 
ref https://linear.app/ghost/issue/DES-1033/icon-implementation

The Storybook structure contained Lucide icons under "Components", but
it's an experimental component. This commit creates an Experimental
component group in Shade and updates the corresponding docs.
This commit is contained in:
Peter Zimon 2024-12-12 14:12:23 +02:00 committed by GitHub
parent 2f671eca69
commit e2fad8bcb5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/shade/.storybook/preview.tsx
View file

@ -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: {

2
apps/shade/src/components/ui/icon.stories.tsx
View file

@ -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: {

2
apps/shade/src/components/ui/lucide-icon.stories.tsx
View file

@ -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: {

4
apps/shade/src/docs/Icons.mdx
View file

@ -12,9 +12,9 @@ In Shade we use Streamline icons. They are dynamically loaded from the `src/asse
<Icon.IconName size="md" />
```
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.
<a href="/?path=/docs/components-streamline-icons--docs" className="button">Streamline icons in Shade &rarr;</a>
<a href="/?path=/docs/components-icons--docs" className="button">Streamline icons in Shade &rarr;</a>
## Adding icons