Add eager loading attribute

syntatis · Sep 19, 2024 · 25fcd8f · 25fcd8f
1 parent 97324ab
commit 25fcd8f
Show file tree

Hide file tree

Showing 19 changed files with 20 additions and 3 deletions.
diff --git a/website/src/content/docs/components/box.mdx b/website/src/content/docs/components/box.mdx
@@ -22,6 +22,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Box component with the toggle on the header and a button on the footer section"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/button.mdx b/website/src/content/docs/components/button.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Button component in two variants, primary and secondary, in the default blue colors"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/checkbox-group.mdx b/website/src/content/docs/components/checkbox-group.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI CheckboxGroup component, containing 3 checkboxes"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/checkbox.mdx b/website/src/content/docs/components/checkbox.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Checkbox component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/dialog.mdx b/website/src/content/docs/components/dialog.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Dialog component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/icon-button.mdx b/website/src/content/docs/components/icon-button.mdx
@@ -21,6 +21,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI IconButton component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/icon-link-button.mdx b/website/src/content/docs/components/icon-link-button.mdx
@@ -21,6 +21,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI IconLinkButton component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/link-button.mdx b/website/src/content/docs/components/link-button.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI LinkButton component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/link.mdx b/website/src/content/docs/components/link.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Link component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/notice.mdx b/website/src/content/docs/components/notice.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Notice component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/radio-group.mdx b/website/src/content/docs/components/radio-group.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI RadioGroup component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/search-field.mdx b/website/src/content/docs/components/search-field.mdx
@@ -22,6 +22,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI SearchField component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/select.mdx b/website/src/content/docs/components/select.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Select component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/spinner.mdx b/website/src/content/docs/components/spinner.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Spinner component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/switch.mdx b/website/src/content/docs/components/switch.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI Switch component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/text-field.mdx b/website/src/content/docs/components/text-field.mdx
@@ -19,6 +19,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI TextField component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/components/textarea.mdx b/website/src/content/docs/components/textarea.mdx
@@ -20,6 +20,7 @@ import Table from "../../templates/Table.astro";
 		alt="Kubrick UI TextArea component"
 		slot="cover"
 		quality="high"
+		loading="eager"
 	/>
 </Lead>
 

diff --git a/website/src/content/docs/guides/overview.mdx b/website/src/content/docs/guides/overview.mdx
@@ -14,7 +14,7 @@ Named after the iconic WordPress default theme, [Kubrick](https://wordpress.org/
 		class="mx-auto"
 		src={screenshot}
 		alt="WordPress Kubrick theme screenshot"
-		slot="cover"
+		loading="eager"
 		/>
 </figure>
 

diff --git a/website/src/content/docs/guides/previews.mdx b/website/src/content/docs/guides/previews.mdx
@@ -14,11 +14,11 @@ There are two ways you can preview and test Kubrick UI components: **Storybook**
 
 [Storybook](https://storybook.js.org/) is a tool that we use to develop Kubrick UI components and test them in isolation. You can explore a full list of available components on [our Storybook site](https://66e68bc88881b2397d6befdb-zlgmfvcbsp.chromatic.com), where you can interact with them and see how they behave in various scenarios.
 
-<Image src={storybookScreenshot} alt="Kubrick UI Storybook" />
+<Image src={storybookScreenshot} alt="Kubrick UI Storybook" loading="eager" />
 
 As you interact with the components, like clicking a button or selecting an option, Storybook logs events and actions in the **Actions** tab, which would help you find the component reacts in different situations and what events are emitted on the interaction.
 
-<Image src={storybookActionsScreenshot} alt="Kubrick UI Storybook Actions tab" />
+<Image src={storybookActionsScreenshot} alt="Kubrick UI Storybook Actions tab" loading="eager" />
 
 On top of that, you will also find the source code for each component and its usage in the **Docs** tab. The documentation provides examples and explanations for each component and its props, and hopefully making it easier for you to understand how to use them in your application.