Adjust examples of Loader (#3418)

navikt · Nov 29, 2024 · 8c9b2e2 · 8c9b2e2
1 parent dce149f
commit 8c9b2e2
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 2 deletions.
diff --git a/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx b/aksel.nav.no/website/pages/eksempler/loader/interaction.tsx
@@ -15,4 +15,5 @@ export const Demo = {
 
 export const args = {
   index: 1,
+  desc: "Interaction-varianten er ment for interaktive elementer.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx b/aksel.nav.no/website/pages/eksempler/loader/inverted.tsx
@@ -10,4 +10,5 @@ export default withDsExample(Example, { background: "inverted" });
 
 export const args = {
   index: 2,
+  desc: "Inverted-varianten passer bedre på mørkere flater.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx b/aksel.nav.no/website/pages/eksempler/loader/neutral.tsx
@@ -15,4 +15,5 @@ export const Demo = {
 
 export const args = {
   index: 0,
+  desc: "Neutral-varianten blir ofte brukt for innholdslasting.",
 };
diff --git a/aksel.nav.no/website/pages/eksempler/loader/size.tsx b/aksel.nav.no/website/pages/eksempler/loader/size.tsx
@@ -3,7 +3,7 @@ import { withDsExample } from "@/web/examples/withDsExample";
 
 const Example = () => {
   return (
-    <HStack gap="18">
+    <HStack gap="16">
       <Loader size="3xlarge" title="Venter..." />
       <Loader size="2xlarge" title="Venter..." />
       <Loader size="xlarge" title="Venter..." />

diff --git a/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx b/aksel.nav.no/website/pages/eksempler/loader/transparent.tsx
@@ -10,5 +10,5 @@ export default withDsExample(Example);
 
 export const args = {
   index: 3,
-  desc: "Prop-en 'transparent' fjerner bakgrunnselementet på Loader.",
+  desc: "Prop-en `transparent` skjuler bakgrunnselementet på Loader.",
 };