From 3bde243fa3130c0715cb9e408b0a4edd347f179f Mon Sep 17 00:00:00 2001
From: Robbert Broersma <git@robbertbroersma.nl>
Date: Fri, 6 Dec 2024 00:24:45 +0100
Subject: [PATCH] docs: make `dir` and `lang` explicit requirements for heading

---
 .../stories/heading/heading.stories.tsx       | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/packages/storybook-test/stories/heading/heading.stories.tsx b/packages/storybook-test/stories/heading/heading.stories.tsx
index f8e63959..8857896f 100644
--- a/packages/storybook-test/stories/heading/heading.stories.tsx
+++ b/packages/storybook-test/stories/heading/heading.stories.tsx
@@ -11,6 +11,15 @@ const meta = {
       table: { category: 'API' },
     },
     children: { table: { category: 'API' } },
+    dir: {
+      control: { type: 'select' },
+      options: [undefined, 'auto', 'ltr', 'rtl'],
+      table: { category: 'API' },
+    },
+    lang: {
+      control: { type: 'text' },
+      table: { category: 'API' },
+    },
     level: {
       control: { type: 'select' },
       options: [1, 2, 3, 4, 5, 6],
@@ -87,10 +96,17 @@ export const HeadingLevel1Arabic: Story = {
   name: 'Heading 1 (Arabic)',
   args: {
     children: 'مثال',
+    dir: 'rtl',
+    lang: 'ar',
     level: 1,
   },
-  globals: {
-    lang: 'ar',
+  parameters: {
+    docs: {
+      description: {
+        story:
+          'Het moet mogelijk zijn een andere taal en tekstrichting in te stellen voor een heading, met het `lang` en `dir` attribuut. Bijvoorbeeld de taal Arabisch met `lang="ar"` en de right-to-left textrichting (`dir="rtl"`)',
+      },
+    },
   },
   parameters: {
     status: { type: [] },