Veldig enkelt eksempel

apps/etterlatte-design/package.json

@@ -10,6 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@navikt/ds-css": "^6.11.0",
+    "@navikt/ds-react": "^6.11.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

apps/etterlatte-design/src/main.tsx

@@ -1,10 +1,26 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "@navikt/ds-css";
+import { Box, Heading, HStack, Tag, VStack } from "@navikt/ds-react";
 
-ReactDOM.createRoot(document.getElementById('root')!).render(
+ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
-    <App />
+    <Box paddingBlock="8" paddingInline="8">
+      <VStack gap="4">
+        <Heading size="large">
+          Etterlatte sine visuelle bestemmelser for Gjenny!
+        </Heading>
+
+        <Heading size="medium">Tags</Heading>
+        <VStack gap="2">
+          <div>
+            <Tag variant="warning">Barnepejson</Tag>
+          </div>
+          <div>
+            <Tag variant="warning">Omstillingstønad</Tag>
+          </div>
+        </VStack>
+      </VStack>
+    </Box>
   </React.StrictMode>,
-)
+);