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 cdd3f6e0fb docs(Divider): show orientationMargin with title text
examples
cdd3f6e0fb is described below
commit cdd3f6e0fba578ecc99a15d5acaa79d4f7201d30
Author: Evan Rusackas <[email protected]>
AuthorDate: Tue Jan 20 19:44:57 2026 -0800
docs(Divider): show orientationMargin with title text examples
orientationMargin only works when the Divider has children (title text)
and orientation is left/right. Updated liveExample to demonstrate this.
Also show using container gap for vertical divider spacing.
Co-Authored-By: Claude Opus 4.5 <[email protected]>
---
docs/developer_portal/components/ui/divider.mdx | 10 ++++++----
1 file changed, 6 insertions(+), 4 deletions(-)
diff --git a/docs/developer_portal/components/ui/divider.mdx
b/docs/developer_portal/components/ui/divider.mdx
index 1d00e41988..2db9331bce 100644
--- a/docs/developer_portal/components/ui/divider.mdx
+++ b/docs/developer_portal/components/ui/divider.mdx
@@ -102,10 +102,12 @@ Edit the code below to experiment with the component:
function Demo() {
return (
<>
- <p>Horizontal divider separates sections:</p>
- <Divider />
- <p>Vertical divider separates inline elements:</p>
- <div style={{ display: 'flex', alignItems: 'center' }}>
+ <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>
