From 23b6770f79c25efc6d26b2f98eb8fac8c6c3fafe Mon Sep 17 00:00:00 2001
From: Tessa Viergever <112861180+TessaViergever@users.noreply.github.com>
Date: Tue, 21 May 2024 16:37:56 +0200
Subject: [PATCH] feat: add unordered list component to storybook (import from
 utrecht)

---
 .../src/css-unordered-list.stories.tsx        | 71 +++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 packages/storybook/src/css-unordered-list.stories.tsx

diff --git a/packages/storybook/src/css-unordered-list.stories.tsx b/packages/storybook/src/css-unordered-list.stories.tsx
new file mode 100644
index 00000000..bac2140c
--- /dev/null
+++ b/packages/storybook/src/css-unordered-list.stories.tsx
@@ -0,0 +1,71 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { UnorderedList, UnorderedListItem } from '@utrecht/component-library-react/dist/css-module';
+
+const meta = {
+  title: 'CSS Component/Unordered list',
+  id: 'css-utrecht-unordered-list',
+  component: UnorderedList,
+  argTypes: {
+    children: {
+      name: 'Content',
+      type: {
+        name: 'string',
+        required: true,
+      },
+      defaultValue: '',
+    },
+  },
+  args: {
+    children: '',
+  },
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        // component: readme,
+      },
+    },
+  },
+} satisfies Meta<typeof UnorderedList>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  name: 'Unordered list',
+  args: {
+    children: [
+      <UnorderedListItem>
+        NL Design System: Yolijn en Robbert zijn sinds 2020 verantwoordelijk voor de architectuur,community en groei van
+        NL Design System.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        Utrecht Design System: meer dan 80 componenten ontwikkeld voor Utrecht in verschillende technieken (CSS, HTML,
+        React, Angular, Vue en als Web Component). Deze componenten worden inmiddels ook veel gebruikt door
+        uiteenlopende projecten in de NL Design System community.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        Den Haag Design System: begeleiding van het design system team, en leveranciers begeleiden met open source
+        bouwen volgens de NL Design System architectuur.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        Digitaal Loket van gemeente Utrecht: ontwikkeling van Strapi CMS voor de Producten en Diensten Catalogus, en de
+        nieuwe website ontwikkelen als headless frontend op basis van NL Design System. Dit project wordt in de loop van
+        2024 zichtbaar op utrecht.nl.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        Huwelijksplanner voor gemeente Utrecht: front-end ontwikkeling Huwelijksplanner CMS op basis van NL Design
+        System componenten.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        Gemeente Voorbeeld: ontwikkeling van demo-website waar Vereniging van Nederlandse Gemeenten (VNG)
+        gebruikerstesten doet, om gemeenten op weg te helpen met voldoen aan de WMEBV met NL Design System.
+      </UnorderedListItem>,
+      <UnorderedListItem>
+        OpenCatalogi.nl - migratie naar NL Design System: migratie van codebase naar React componenten uit de NL Design
+        System community.
+      </UnorderedListItem>,
+    ],
+  },
+};