📝 Update Textfield example for readonly after feedback (#3448)

navikt · Dec 11, 2024 · 36190f7 · 36190f7
1 parent f120708
commit 36190f7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/@navikt/core/css/darkside/form/form.darkside.css b/@navikt/core/css/darkside/form/form.darkside.css
@@ -41,7 +41,7 @@
 
 .navds-form-field__readonly-icon {
   margin-top: var(--ax-spacing-05);
-  margin-right: var(--ax-spacing-2);
+  margin-right: var(--ax-spacing-1);
   flex-shrink: 0;
   align-self: flex-start;
 }

diff --git a/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx b/aksel.nav.no/website/pages/eksempler/textfield/readonly.tsx
@@ -2,7 +2,14 @@ import { TextField } from "@navikt/ds-react";
 import { withDsExample } from "@/web/examples/withDsExample";
 
 const Example = () => {
-  return <TextField label="Har du noen tilbakemeldinger?" readOnly />;
+  return (
+    <TextField
+      label="Adresse"
+      description="Hentet fra Folkeregisteret"
+      value="Portveien 2"
+      readOnly
+    />
+  );
 };
 
 // EXAMPLES DO NOT INCLUDE CONTENT BELOW THIS LINE