From 09bd14ef866e4921ba104e2b2b4d2f0ca38facaa Mon Sep 17 00:00:00 2001 From: Eduardo Pereira Date: Thu, 2 May 2024 13:50:41 -0300 Subject: [PATCH] Add Steps component to `dynamically-importing-images.mdx` (#8120) Co-authored-by: Sarah Rainsberger Co-authored-by: HiDeoo <494699+HiDeoo@users.noreply.github.com> Co-authored-by: Reuben Tier <64310361+TheOtterlord@users.noreply.github.com> --- src/content/docs/en/recipes/dynamically-importing-images.mdx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/content/docs/en/recipes/dynamically-importing-images.mdx b/src/content/docs/en/recipes/dynamically-importing-images.mdx index e703557e87bcb..c08d179f8fef3 100644 --- a/src/content/docs/en/recipes/dynamically-importing-images.mdx +++ b/src/content/docs/en/recipes/dynamically-importing-images.mdx @@ -4,6 +4,7 @@ description: Learn how to dynamically import images using Vite's import.meta.glo i18nReady: true type: recipe --- +import { Steps } from '@astrojs/starlight/components'; import { FileTree } from '@astrojs/starlight/components'; Local [images](/en/guides/images/) must be imported into `.astro` files in order to display them. There will be times where you will want or need to dynamically import the image paths of your images instead of explicitly importing each individual image. @@ -12,6 +13,7 @@ In this recipe, you will learn how to dynamically import your images using Vite' ## Recipe + 1. Create a new `assets` folder under the `src` directory and add your images inside that new folder. @@ -150,5 +152,4 @@ In this recipe, you will learn how to dynamically import your images using Vite' age={25} /> ``` - - +