Update guides

lucide-icons · Apr 5, 2024 · a0f3b8a · a0f3b8a
1 parent c386c28
commit a0f3b8a
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 16 deletions.
diff --git a/docs/guide/packages/lucide-preact.md b/docs/guide/packages/lucide-preact.md
@@ -72,7 +72,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 

diff --git a/docs/guide/packages/lucide-react-native.md b/docs/guide/packages/lucide-react-native.md
@@ -66,7 +66,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 

diff --git a/docs/guide/packages/lucide-react.md b/docs/guide/packages/lucide-react.md
@@ -66,7 +66,7 @@ const App = () => {
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component
 

diff --git a/docs/guide/packages/lucide-solid.md b/docs/guide/packages/lucide-solid.md
@@ -77,10 +77,7 @@ import { Icon } from 'lucide-solid';
 import { burger, sausage } from '@lucide/lab';
 
 const App = () => (
-  <>
-    <Icon iconNode={burger} />
-    <Icon iconNode={sausage} color="red"/>
-  </>
+  <Icon iconNode={sausage} color="red"/>
 );
 ```
 

diff --git a/docs/guide/packages/lucide-svelte.md b/docs/guide/packages/lucide-svelte.md
@@ -177,16 +177,14 @@ All props like the regular Lucide icons can be passed to adjust the icon appeara
 
 This creates a single icon based on the iconNode passed and renders a Lucide icon component.
 
-```jsx
+```svelte
+<script>
 import { Icon } from 'lucide-svelte';
 import { burger, sausage } from '@lucide/lab';
+</script>
 
-const App = () => (
-  <>
-    <Icon iconNode={burger} />
-    <Icon iconNode={sausage} color="red"/>
-  </>
-);
+<Icon iconNode={burger} />
+<Icon iconNode={sausage} color="red"/>
 ```
 
 ## One generic icon component

diff --git a/docs/guide/packages/lucide-vue-next.md b/docs/guide/packages/lucide-vue-next.md
@@ -74,8 +74,7 @@ To customize the appearance of an icon, you can pass custom properties as props
 Lucide Lab is a collection of icons that are not part of the official lucide library.
 <!-- TODO: Add link to @lucide/lab repo -->
 They can be used by using the `Icon` component.
-For both methods, all props like regular lucide icons can be passed to adjust the icon appearance.
-
+All props like regular lucide icons can be passed to adjust the icon appearance.
 
 ### Using the `Icon` component