diff --git a/docs/guide/packages/lucide-preact.md b/docs/guide/packages/lucide-preact.md index ec884b9676b..65cbcbcd73e 100644 --- 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. 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 index 39885c0e6b9..2ff2cf1dca9 100644 --- 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. 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 index d40e5b55aaf..55901b25cb9 100644 --- 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. 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 index 7eacbb5e8aa..fb7e0d6c38f 100644 --- 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 = () => ( - <> - - - + ); ``` diff --git a/docs/guide/packages/lucide-svelte.md b/docs/guide/packages/lucide-svelte.md index 3829c654214..3cace0595c7 100644 --- 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 + -const App = () => ( - <> - - - -); + + ``` ## One generic icon component diff --git a/docs/guide/packages/lucide-vue-next.md b/docs/guide/packages/lucide-vue-next.md index 98310aa337d..f55ab3c96c1 100644 --- 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. 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