diff --git a/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx index c62c1cc91..e07938aa6 100644 --- a/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx +++ b/example/storybook-nativewind/src/components/Image/index.nw.stories.mdx @@ -29,7 +29,7 @@ import { Tabs } from '@gluestack/design-system'; import { CollapsibleCode } from '@gluestack/design-system'; -import { Image as UnitoolsImage } from '@unitools/image'; +import UnitoolsImage from '@unitools/image'; This is an illustration of **Image** component. @@ -144,10 +144,10 @@ The Examples section offers visual previews of the component, letting you quickl #### Basic Unitools Image -The below example will run for both nextjs and expo projects. For installation steps, refer to the [Installation](https://unitools.geekyants.com/packages/image/) section of ```@unitools/image```. +The below example will run for both Expo and Next.js projects. For installation steps, refer to the [Installation](https://unitools.geekyants.com/packages/image/) section of ```@unitools/image```. ```jsx -import { Image } from '@unitools/image'; +import Image from '@unitools/image'; ``` @@ -158,26 +158,19 @@ import { Image } from '@unitools/image'; showArgsController={false} metaData={{ code: ` - import { Image as UnitoolsImage } from '@unitools/image'; - function Home() { - return ( - - - - ); - } + Logo `, transformCode: (code) => { - return transformedCode(code, 'function', 'Home'); + return transformedCode(code); }, scope: { Wrapper, - UnitoolsImage, + UnitoolsImage:Image, }, argsType: { },