diff --git a/src/docs/guides/google-docs.stories.mdx b/src/docs/guides/google-docs.stories.mdx index 6a2e4823..312d0141 100644 --- a/src/docs/guides/google-docs.stories.mdx +++ b/src/docs/guides/google-docs.stories.mdx @@ -7,11 +7,11 @@ import { parameters } from '$docs/utils/docsPage.js'; # Using with Google docs -Most of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google doc. +Most of the default examples in these docs show how to use components by passing data into them directly through props. In the Kit, though, you likely won't be hard-coding things like text strings in your code and instead will get them from a Google Doc. It's usually easy to use a Google Doc to fill in the props for our components, but it may mean you need to write a tiny bit of code to translate strings from a doc into the data type our component's props expect. -Let's look at a basic component, `ProfileCard`, with a demo that looks like this in the docs: +Let's look at a basic component, a `ProfileCard`, with a demo that looks like this in the docs: ```svelte {#each content.blocks as block} - + -{:else if block.Type === 'profile-card'} + {:else if block.Type === 'profile-card'} + - + {/each} ```