🎨 confirmationpanel eksempler

website/pages/eksempler/confirmationpanel/default.tsx

@@ -0,0 +1,23 @@
+import { ConfirmationPanel } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+import { useState } from "react";
+
+const Example = () => {
+  const [state, setState] = useState(false);
+  return (
+    <ConfirmationPanel
+      checked={state}
+      label="Ja, jeg samtykker."
+      onChange={() => setState((x) => !x)}
+    >
+      For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
+      om deg.
+    </ConfirmationPanel>
+  );
+};
+
+export default withDsExample(Example);
+
+export const args = {
+  index: 0,
+};

website/pages/eksempler/confirmationpanel/error.tsx

@@ -0,0 +1,24 @@
+import { ConfirmationPanel } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+import { useState } from "react";
+
+const Example = () => {
+  const [state, setState] = useState(false);
+  return (
+    <ConfirmationPanel
+      checked={state}
+      label="Ja, jeg samtykker."
+      onChange={() => setState((x) => !x)}
+      error={!state && "Du må samtykke før du kan fortsette."}
+    >
+      For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
+      om deg.
+    </ConfirmationPanel>
+  );
+};
+
+export default withDsExample(Example);
+
+export const args = {
+  index: 2,
+};

website/pages/eksempler/confirmationpanel/small.tsx

@@ -0,0 +1,24 @@
+import { ConfirmationPanel } from "@navikt/ds-react";
+import { withDsExample } from "components/website-modules/examples/withDsExample";
+import { useState } from "react";
+
+const Example = () => {
+  const [state, setState] = useState(false);
+  return (
+    <ConfirmationPanel
+      checked={state}
+      label="Ja, jeg samtykker."
+      onChange={() => setState((x) => !x)}
+      size="small"
+    >
+      For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
+      om deg.
+    </ConfirmationPanel>
+  );
+};
+
+export default withDsExample(Example);
+
+export const args = {
+  index: 1,
+};