diff --git a/packages/dnb-eufemia/src/components/card/stories/Card.stories.tsx b/packages/dnb-eufemia/src/components/card/stories/Card.stories.tsx
new file mode 100644
index 00000000000..c197d2f416a
--- /dev/null
+++ b/packages/dnb-eufemia/src/components/card/stories/Card.stories.tsx
@@ -0,0 +1,93 @@
+/**
+ * @dnb/eufemia Component Story
+ *
+ */
+
+import React from 'react'
+
+import { Field } from '../../../extensions/forms'
+import { Card, Flex } from '../../'
+import { Wrapper, Box } from 'storybook-utils/helpers'
+
+export default {
+ title: 'Eufemia/Components/Card',
+}
+
+const getFormFields = () => {
+ const fields = (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+ return fields.props.children
+}
+
+export const CardSandbox = () => {
+ const fields = getFormFields()
+ return (
+
+
+ {fields}
+
+
+ {fields}
+
+
+ {fields}
+
+
+
+ {fields}
+
+
+
+
+ {fields}
+
+
+
+ {fields}
+
+
+ )
+}