generated from nl-design-system/example
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add unordered list component to storybook (import from utrecht)
- Loading branch information
1 parent
8246553
commit 23b6770
Showing
1 changed file
with
71 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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>, | ||
], | ||
}, | ||
}; |