docs(label-value): add inline demo/docs [skip ci]

tyler-technologies-oss · Oct 9, 2024 · 2c89759 · 2c89759
1 parent e212f39
commit 2c89759
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/stories/components/label-value/LabelValue.mdx b/src/stories/components/label-value/LabelValue.mdx
@@ -21,6 +21,14 @@ Label values can also include an icon to the left of the label. This is useful f
 
 <Canvas of={LabelValueStories.Icon} />
 
+## Inline
+
+Label values can also be displayed inline.
+
+<Canvas of={LabelValueStories.Inline} />
+
+> **Note:** When using multiple inline label values, it's common practice to set a fixed width on the label to ensure that the values are aligned.
+
 ## API
 
 <CustomArgTypes />

diff --git a/src/stories/components/label-value/LabelValue.stories.ts b/src/stories/components/label-value/LabelValue.stories.ts
@@ -65,6 +65,13 @@ export const Icon: Story = {
   }
 };
 
+export const Inline: Story = {
+  ...standaloneStoryParams,
+  args: {
+    inline: true
+  }
+};
+
 export const CSSOnly: Story = {
   args: {
     withIcon: false