From 8d9e49ff629e7f52bf4658284c7b3a39747e3c60 Mon Sep 17 00:00:00 2001 From: folkforms Date: Tue, 23 Apr 2024 09:33:10 +0100 Subject: [PATCH] Fix incorrect command --- cookbook/src/pages/new-custom-component.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/cookbook/src/pages/new-custom-component.mdx b/cookbook/src/pages/new-custom-component.mdx index 616178f..63326dc 100644 --- a/cookbook/src/pages/new-custom-component.mdx +++ b/cookbook/src/pages/new-custom-component.mdx @@ -19,5 +19,5 @@ The steps do not need to be done in this order, but it is currently the recommen Use the `ApolloClientDataProvider`, `ApolloClientQueryProvider`, and `ApolloClientHookTemplate` React helper components in `carbon-addons-devenv/src/apollo-client-hooks/hooks/core` to help with this task. - Create a query that accesses data from the back-end by importing `gql` and `useQuery` from `@apollo/client`. If you already have a GraphQL query that serves a number of components, you can use that query. 4. Test the Carbon component in Storybook. To test `componentX` in storybook, you can test components in isolation before you integrate them into Social Program Management. - - In the `stories` directory of the `custom-carbon-addon` package, create a directory for the component. For example, `custom-carbon-addon/stories/componentX`. Run `npm run storybook/` to test components. -5. Create a JavaScript renderer function. You can use the `Renderer.create()` helper function to implement a JavaScript Renderer function to integrate the component into a Java Renderer on the UIM page. You can place your renderer functions in the `custom-carbon-addon/renderers` directory. For example, create the`CarbonComponentXViewRenderer` function. \ No newline at end of file + - In the `stories` directory of the `custom-carbon-addon` package, create a directory for the component. For example, `custom-carbon-addon/stories/componentX`. Run `npm run storybook` to test components. +5. Create a JavaScript renderer function. You can use the `Renderer.create()` helper function to implement a JavaScript Renderer function to integrate the component into a Java Renderer on the UIM page. You can place your renderer functions in the `custom-carbon-addon/renderers` directory. For example, create the`CarbonComponentXViewRenderer` function.