Fixes import name typo in Customize icons example (#2572)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
withastro · Nov 4, 2024 · 204b1f3 · 204b1f3
1 parent 70d02c3
commit 204b1f3
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 8 deletions.
diff --git a/docs/src/content/docs/components/icons.mdx b/docs/src/content/docs/components/icons.mdx
@@ -64,7 +64,7 @@ The [`class`](#class) attribute can be used to add custom CSS classes to the ico
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/de/components/icons.mdx b/docs/src/content/docs/de/components/icons.mdx
@@ -64,7 +64,7 @@ Das Attribut [`class`](#class) kann verwendet werden, um dem Symbol eigene CSS-K
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/es/components/icons.mdx b/docs/src/content/docs/es/components/icons.mdx
@@ -64,7 +64,7 @@ El atributo [`class`](#class) se puede usar para agregar clases CSS personalizad
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/fr/components/icons.mdx b/docs/src/content/docs/fr/components/icons.mdx
@@ -64,7 +64,7 @@ L'attribut [`class`](#class) peut être utilisé pour ajouter des classes CSS pe
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/ja/components/icons.mdx b/docs/src/content/docs/ja/components/icons.mdx
@@ -62,7 +62,7 @@ import { Icon } from '@astrojs/starlight/components';
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/ko/components/icons.mdx b/docs/src/content/docs/ko/components/icons.mdx
@@ -64,7 +64,7 @@ CSS 단위와 색상 값을 사용하여 아이콘의 모양을 조정하는 데
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/ru/components/icons.mdx b/docs/src/content/docs/ru/components/icons.mdx
@@ -64,7 +64,7 @@ import { Icon } from '@astrojs/starlight/components';
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />

diff --git a/docs/src/content/docs/zh-cn/components/icons.mdx b/docs/src/content/docs/zh-cn/components/icons.mdx
@@ -64,7 +64,7 @@ import { Icon } from '@astrojs/starlight/components';
 <Preview>
 
 ```mdx
-import { Card } from '@astrojs/starlight/components';
+import { Icon } from '@astrojs/starlight/components';
 
 <Icon name="star" color="goldenrod" size="2rem" />
 <Icon name="rocket" color="var(--sl-color-text-accent)" />