(superset) branch docs/federate-storybook updated: docs(Divider): add descriptions to all argTypes controls

[rusackas]

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch docs/federate-storybook
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/docs/federate-storybook by 
this push:
     new 88519d96fb docs(Divider): add descriptions to all argTypes controls
88519d96fb is described below

commit 88519d96fba50a67d66e6c263d7aaa84ee126eba
Author: Evan Rusackas <e...@rusackas.com>
AuthorDate: Tue Jan 20 19:46:12 2026 -0800

    docs(Divider): add descriptions to all argTypes controls
    
    Co-Authored-By: Claude Opus 4.5 <nore...@anthropic.com>
---
 .../src/components/Divider/Divider.stories.tsx     | 41 ++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git 
a/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
 
b/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
index 903fa3b238..e48ab78a6c 100644
--- 
a/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
+++ 
b/superset-frontend/packages/superset-ui-core/src/components/Divider/Divider.stories.tsx
@@ -30,6 +30,7 @@ InteractiveDivider.args = {
   dashed: false,
   variant: 'solid',
   orientation: 'center',
+  orientationMargin: '',
   plain: true,
   type: 'horizontal',
 };
@@ -38,16 +39,56 @@ InteractiveDivider.argTypes = {
   variant: {
     control: { type: 'select' },
     options: ['dashed', 'dotted', 'solid'],
+    description: 'Line style of the divider.',
   },
   orientation: {
     control: { type: 'select' },
     options: ['left', 'right', 'center'],
+    description: 'Position of title inside divider.',
   },
   orientationMargin: {
     control: { type: 'text' },
+    description: 'Margin from divider edge to title.',
   },
   type: {
     control: { type: 'select' },
     options: ['horizontal', 'vertical'],
+    description: 'Direction of the divider.',
+  },
+  dashed: {
+    description: 'Whether line is dashed (deprecated, use variant).',
+  },
+  plain: {
+    description: 'Use plain style without bold title.',
+  },
+};
+
+InteractiveDivider.parameters = {
+  actions: {
+    disable: true,
+  },
+  docs: {
+    description: {
+      story:
+        'A divider line to separate content. Use horizontal for sections, 
vertical for inline elements.',
+    },
+    liveExample: `function Demo() {
+  return (
+    <>
+      <p>Horizontal divider with title (orientationMargin applies here):</p>
+      <Divider orientation="left" orientationMargin={0}>Left Title</Divider>
+      <Divider orientation="right" orientationMargin={50}>Right Title</Divider>
+      <Divider>Center Title</Divider>
+      <p>Vertical divider (use container gap for spacing):</p>
+      <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
+        <span>Link</span>
+        <Divider type="vertical" />
+        <span>Link</span>
+        <Divider type="vertical" />
+        <span>Link</span>
+      </div>
+    </>
+  );
+}`,
   },
 };