diff --git a/components/Checkbox/src/index.tsx b/components/Checkbox/src/index.tsx
index 7cd773f22e..3f7add6750 100644
--- a/components/Checkbox/src/index.tsx
+++ b/components/Checkbox/src/index.tsx
@@ -1,5 +1,4 @@
 import { Checkbox, CheckboxProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { CheckboxProps };
-export default Checkbox;
+export { Checkbox, CheckboxProps };
diff --git a/components/FormField/src/index.tsx b/components/FormField/src/index.tsx
index 6c7a7208ee..664f161057 100644
--- a/components/FormField/src/index.tsx
+++ b/components/FormField/src/index.tsx
@@ -1,5 +1,4 @@
 import { FormField, FormFieldProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { FormFieldProps };
-export default FormField;
+export { FormField, FormFieldProps };
diff --git a/components/FormFieldDescription/src/index.tsx b/components/FormFieldDescription/src/index.tsx
index 066f9da216..636e67f38f 100644
--- a/components/FormFieldDescription/src/index.tsx
+++ b/components/FormFieldDescription/src/index.tsx
@@ -1,5 +1,4 @@
 import { FormFieldDescription, FormFieldDescriptionProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { FormFieldDescriptionProps };
-export default FormFieldDescription;
+export { FormFieldDescription, FormFieldDescriptionProps };
diff --git a/components/FormFieldErrorMessage/src/index.tsx b/components/FormFieldErrorMessage/src/index.tsx
index 538eef7a67..d7e6a5cf23 100644
--- a/components/FormFieldErrorMessage/src/index.tsx
+++ b/components/FormFieldErrorMessage/src/index.tsx
@@ -1,5 +1,4 @@
 import { FormFieldErrorMessage, FormFieldErrorMessageProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { FormFieldErrorMessageProps };
-export default FormFieldErrorMessage;
+export { FormFieldErrorMessage, FormFieldErrorMessageProps };
diff --git a/components/FormFieldSet/src/index.tsx b/components/FormFieldSet/src/index.tsx
index e4c529dd7d..a801ffbb10 100644
--- a/components/FormFieldSet/src/index.tsx
+++ b/components/FormFieldSet/src/index.tsx
@@ -1,5 +1,4 @@
 import { Fieldset, FieldsetProps, FieldsetLegend, FieldsetLegendProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { FieldsetProps, FieldsetLegend, FieldsetLegendProps };
-export default Fieldset;
+export { Fieldset, FieldsetProps, FieldsetLegend, FieldsetLegendProps };
diff --git a/components/FormLabel/src/index.tsx b/components/FormLabel/src/index.tsx
index 72c84f9c0a..f613521ac8 100644
--- a/components/FormLabel/src/index.tsx
+++ b/components/FormLabel/src/index.tsx
@@ -1,5 +1,4 @@
 import { FormLabel, FormLabelProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { FormLabelProps };
-export default FormLabel;
+export { FormLabel, FormLabelProps };
diff --git a/components/RadioButton/src/index.tsx b/components/RadioButton/src/index.tsx
index d0fc2b13d2..ad20fb472a 100644
--- a/components/RadioButton/src/index.tsx
+++ b/components/RadioButton/src/index.tsx
@@ -1,5 +1,4 @@
 import { RadioButton, RadioButtonProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { RadioButtonProps };
-export default RadioButton;
+export { RadioButton, RadioButtonProps };
diff --git a/components/TextInput/src/index.tsx b/components/TextInput/src/index.tsx
index 8bed740ad5..a4ac679ecc 100644
--- a/components/TextInput/src/index.tsx
+++ b/components/TextInput/src/index.tsx
@@ -1,5 +1,4 @@
 import { Textbox as TextInput, TextboxProps as TextInputProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { TextInputProps };
-export default TextInput;
+export { TextInput, TextInputProps };
diff --git a/components/Textarea/src/index.tsx b/components/Textarea/src/index.tsx
index d9aa336f3e..baa564251e 100644
--- a/components/Textarea/src/index.tsx
+++ b/components/Textarea/src/index.tsx
@@ -1,5 +1,4 @@
 import { Textarea, TextareaProps } from '@utrecht/component-library-react';
 import './index.scss';
 
-export { TextareaProps };
-export default Textarea;
+export { Textarea, TextareaProps };
diff --git a/packages/components-react/package.json b/packages/components-react/package.json
index fff3b71530..541e235754 100644
--- a/packages/components-react/package.json
+++ b/packages/components-react/package.json
@@ -37,6 +37,7 @@
     "@gemeente-denhaag/card-group": "workspace:*",
     "@gemeente-denhaag/checkbox": "workspace:*",
     "@gemeente-denhaag/contact-timeline": "workspace:*",
+    "@gemeente-denhaag/descriptionlist": "workspace:*",
     "@gemeente-denhaag/divider": "workspace:*",
     "@gemeente-denhaag/file": "workspace:*",
     "@gemeente-denhaag/footer": "workspace:*",
diff --git a/packages/components-react/src/index.tsx b/packages/components-react/src/index.tsx
index bb5f4fb598..e39326d0c9 100644
--- a/packages/components-react/src/index.tsx
+++ b/packages/components-react/src/index.tsx
@@ -6,6 +6,7 @@ export * from '@gemeente-denhaag/card';
 export * from '@gemeente-denhaag/card-group';
 export * from '@gemeente-denhaag/checkbox';
 export * from '@gemeente-denhaag/contact-timeline';
+export * from '@gemeente-denhaag/descriptionlist';
 export * from '@gemeente-denhaag/divider';
 export * from '@gemeente-denhaag/file';
 export * from '@gemeente-denhaag/form-field';
diff --git a/packages/storybook/src/css/Checkbox.stories.tsx b/packages/storybook/src/css/Checkbox.stories.tsx
index aa2f9e81d1..0d4af95b0c 100644
--- a/packages/storybook/src/css/Checkbox.stories.tsx
+++ b/packages/storybook/src/css/Checkbox.stories.tsx
@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Checkbox from '@gemeente-denhaag/checkbox';
-
+import { Checkbox } from '@gemeente-denhaag/checkbox';
 import readme from '../../../../components/Checkbox/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/css/FormField.stories.tsx b/packages/storybook/src/css/FormField.stories.tsx
index 4699cb7698..7ac699d50a 100644
--- a/packages/storybook/src/css/FormField.stories.tsx
+++ b/packages/storybook/src/css/FormField.stories.tsx
@@ -1,15 +1,15 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-import FormField from '@gemeente-denhaag/form-field';
-import FormLabel from '@gemeente-denhaag/form-label';
-import TextInput from '@gemeente-denhaag/text-input';
-import Checkbox from '@gemeente-denhaag/checkbox';
-import readme from '../../../../components/FormField/README.md';
-import FormFieldDescription from '@gemeente-denhaag/form-field-description';
-import FormFieldErrorMessage from '@gemeente-denhaag/form-field-error-message';
-import Fieldset, { FieldsetLegend } from '@gemeente-denhaag/form-fieldset';
+import { Checkbox } from '@gemeente-denhaag/checkbox';
+import { FormField } from '@gemeente-denhaag/form-field';
+import { FormFieldDescription } from '@gemeente-denhaag/form-field-description';
+import { FormFieldErrorMessage } from '@gemeente-denhaag/form-field-error-message';
+import { FormLabel } from '@gemeente-denhaag/form-label';
+import { Fieldset, FieldsetLegend } from '@gemeente-denhaag/form-fieldset';
+import { TextInput } from '@gemeente-denhaag/text-input';
 import { Paragraph } from '@gemeente-denhaag/typography';
-import RadioButton from '@gemeente-denhaag/radio-button';
+import { RadioButton } from '@gemeente-denhaag/radio-button';
+import readme from '../../../../components/FormField/README.md';
 
 const meta = {
   id: 'css-input-form-field',
diff --git a/packages/storybook/src/css/FormFieldDescription.stories.tsx b/packages/storybook/src/css/FormFieldDescription.stories.tsx
index 8b11f4dc72..9effc65d71 100644
--- a/packages/storybook/src/css/FormFieldDescription.stories.tsx
+++ b/packages/storybook/src/css/FormFieldDescription.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/FormFieldDescription/README.md';
-import FormFieldDescription from '@gemeente-denhaag/form-field-description';
+import { FormFieldDescription } from '@gemeente-denhaag/form-field-description';
 import { Paragraph } from '@utrecht/component-library-react';
 
 const meta = {
diff --git a/packages/storybook/src/css/FormFieldErrorMessage.stories.tsx b/packages/storybook/src/css/FormFieldErrorMessage.stories.tsx
index 418ef2834e..54330e674b 100644
--- a/packages/storybook/src/css/FormFieldErrorMessage.stories.tsx
+++ b/packages/storybook/src/css/FormFieldErrorMessage.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/FormFieldErrorMessage/README.md';
-import FormFieldErrorMessage from '@gemeente-denhaag/form-field-error-message';
+import { FormFieldErrorMessage } from '@gemeente-denhaag/form-field-error-message';
 import { Paragraph } from '@utrecht/component-library-react';
 
 const exampleArgs = {
diff --git a/packages/storybook/src/css/FormLabel.stories.tsx b/packages/storybook/src/css/FormLabel.stories.tsx
new file mode 100644
index 0000000000..005c67a03a
--- /dev/null
+++ b/packages/storybook/src/css/FormLabel.stories.tsx
@@ -0,0 +1,23 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FormLabel } from '@gemeente-denhaag/form-label';
+import readme from '../../../../components/FormLabel/README.md';
+
+const meta = {
+  id: 'css-input-form-label',
+  title: 'CSS/Input/Form Label',
+  component: FormLabel,
+  args: { children: 'Username' },
+  tags: ['autodocs'],
+  parameters: {
+    docs: {
+      description: {
+        component: readme,
+      },
+    },
+  },
+} as Meta<typeof FormLabel>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/packages/storybook/src/css/RadioButton.stories.tsx b/packages/storybook/src/css/RadioButton.stories.tsx
index 755903dd1f..2c190c0fa9 100644
--- a/packages/storybook/src/css/RadioButton.stories.tsx
+++ b/packages/storybook/src/css/RadioButton.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/RadioButton/README.md';
-import RadioButton from '@gemeente-denhaag/radio-button';
+import { RadioButton } from '@gemeente-denhaag/radio-button';
 
 const meta = {
   title: 'CSS/Input/Radio Button',
diff --git a/packages/storybook/src/css/TextInput.stories.tsx b/packages/storybook/src/css/TextInput.stories.tsx
index 183f3ce5b0..6578b8274f 100644
--- a/packages/storybook/src/css/TextInput.stories.tsx
+++ b/packages/storybook/src/css/TextInput.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import TextInput from '@gemeente-denhaag/text-input';
+import { TextInput } from '@gemeente-denhaag/text-input';
 import readme from '../../../../components/TextInput/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/css/Textarea.stories.tsx b/packages/storybook/src/css/Textarea.stories.tsx
index 8970d20b51..d071e3e25f 100644
--- a/packages/storybook/src/css/Textarea.stories.tsx
+++ b/packages/storybook/src/css/Textarea.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Textarea from '@gemeente-denhaag/textarea';
+import { Textarea } from '@gemeente-denhaag/textarea';
 import readme from '../../../../components/Textarea/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/react/Checkbox.stories.tsx b/packages/storybook/src/react/Checkbox.stories.tsx
index c1c6deb7dd..5a83073855 100644
--- a/packages/storybook/src/react/Checkbox.stories.tsx
+++ b/packages/storybook/src/react/Checkbox.stories.tsx
@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Checkbox from '@gemeente-denhaag/checkbox';
-
+import { Checkbox } from '@gemeente-denhaag/checkbox';
 import readme from '../../../../components/Checkbox/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/react/FormField.stories.tsx b/packages/storybook/src/react/FormField.stories.tsx
index 35dae9acd1..9fe8fd50c9 100644
--- a/packages/storybook/src/react/FormField.stories.tsx
+++ b/packages/storybook/src/react/FormField.stories.tsx
@@ -1,15 +1,15 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
-import FormField from '@gemeente-denhaag/form-field';
-import FormLabel from '@gemeente-denhaag/form-label';
-import TextInput from '@gemeente-denhaag/text-input';
-import Checkbox from '@gemeente-denhaag/checkbox';
-import readme from '../../../../components/FormField/README.md';
-import FormFieldDescription from '@gemeente-denhaag/form-field-description';
-import FormFieldErrorMessage from '@gemeente-denhaag/form-field-error-message';
-import Fieldset, { FieldsetLegend } from '@gemeente-denhaag/form-fieldset';
+import { Checkbox } from '@gemeente-denhaag/checkbox';
+import { FormField } from '@gemeente-denhaag/form-field';
+import { FormFieldDescription } from '@gemeente-denhaag/form-field-description';
+import { FormFieldErrorMessage } from '@gemeente-denhaag/form-field-error-message';
+import { FormLabel } from '@gemeente-denhaag/form-label';
+import { Fieldset, FieldsetLegend } from '@gemeente-denhaag/form-fieldset';
+import { TextInput } from '@gemeente-denhaag/text-input';
 import { Paragraph } from '@gemeente-denhaag/typography';
-import RadioButton from '@gemeente-denhaag/radio-button';
+import { RadioButton } from '@gemeente-denhaag/radio-button';
+import readme from '../../../../components/FormField/README.md';
 
 const meta = {
   id: 'react-input-form-field',
diff --git a/packages/storybook/src/react/FormFieldDescription.stories.tsx b/packages/storybook/src/react/FormFieldDescription.stories.tsx
index d5ffb99a36..cde62169a6 100644
--- a/packages/storybook/src/react/FormFieldDescription.stories.tsx
+++ b/packages/storybook/src/react/FormFieldDescription.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/FormFieldDescription/README.md';
-import FormFieldDescription from '@gemeente-denhaag/form-field-description';
+import { FormFieldDescription } from '@gemeente-denhaag/form-field-description';
 import { Paragraph } from '@utrecht/component-library-react';
 
 const meta = {
diff --git a/packages/storybook/src/react/FormFieldErrorMessage.stories.tsx b/packages/storybook/src/react/FormFieldErrorMessage.stories.tsx
index 4ffff6e85a..5321de3637 100644
--- a/packages/storybook/src/react/FormFieldErrorMessage.stories.tsx
+++ b/packages/storybook/src/react/FormFieldErrorMessage.stories.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/FormFieldErrorMessage/README.md';
-import FormFieldErrorMessage from '@gemeente-denhaag/form-field-error-message';
+import { FormFieldErrorMessage } from '@gemeente-denhaag/form-field-error-message';
 import { Paragraph } from '@utrecht/component-library-react';
 
 const exampleArgs = {
diff --git a/packages/storybook/src/react/FormLabel.stories.tsx b/packages/storybook/src/react/FormLabel.stories.tsx
index 2fe260fe1a..754c3ff9cd 100644
--- a/packages/storybook/src/react/FormLabel.stories.tsx
+++ b/packages/storybook/src/react/FormLabel.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import FormLabel from '@gemeente-denhaag/form-label';
+import { FormLabel } from '@gemeente-denhaag/form-label';
 import readme from '../../../../components/FormLabel/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/react/RadioButton.stories.tsx b/packages/storybook/src/react/RadioButton.stories.tsx
index 9ee38298e8..07871ed315 100644
--- a/packages/storybook/src/react/RadioButton.stories.tsx
+++ b/packages/storybook/src/react/RadioButton.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import readme from '../../../../components/RadioButton/README.md';
-import RadioButton from '@gemeente-denhaag/radio-button';
+import { RadioButton } from '@gemeente-denhaag/radio-button';
 
 const meta = {
   title: 'React/Input/Radio Button',
diff --git a/packages/storybook/src/react/TextInput.stories.tsx b/packages/storybook/src/react/TextInput.stories.tsx
index 2b45944427..e302e24458 100644
--- a/packages/storybook/src/react/TextInput.stories.tsx
+++ b/packages/storybook/src/react/TextInput.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import TextInput from '@gemeente-denhaag/text-input';
+import { TextInput } from '@gemeente-denhaag/text-input';
 import readme from '../../../../components/TextInput/README.md';
 
 const meta = {
diff --git a/packages/storybook/src/react/Textarea.stories.tsx b/packages/storybook/src/react/Textarea.stories.tsx
index 4b9b113a63..f316b88b28 100644
--- a/packages/storybook/src/react/Textarea.stories.tsx
+++ b/packages/storybook/src/react/Textarea.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Textarea from '@gemeente-denhaag/textarea';
+import { Textarea } from '@gemeente-denhaag/textarea';
 import readme from '../../../../components/Textarea/README.md';
 
 const meta = {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d372f72b3a..d0ad74bf82 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,5 @@
 lockfileVersion: '6.0'
 
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
-
 importers:
 
   .:
@@ -1102,6 +1098,9 @@ importers:
       '@gemeente-denhaag/contact-timeline':
         specifier: workspace:*
         version: link:../../components/ContactTimeline
+      '@gemeente-denhaag/descriptionlist':
+        specifier: workspace:*
+        version: link:../../components/DescriptionList
       '@gemeente-denhaag/divider':
         specifier: workspace:*
         version: link:../../components/Divider
@@ -21391,3 +21390,7 @@ packages:
     dependencies:
       acorn: 8.10.0
     dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false