updating text for examples of Basis in flex items

Signed-off-by: Samuel Valdes Gutierrez <valdesgutierrez@gmail.com>
BigSamu · Jan 12, 2024 · ceed1ce · ceed1ce
1 parent 2341eab
commit ceed1ce
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src-docs/src/views/flex/flex_basis_string.tsx b/src-docs/src/views/flex/flex_basis_string.tsx
@@ -11,23 +11,27 @@ export default () => (
   <div>
     <OuiFlexGroup>
       <OuiFlexItem basis={'auto'}>
-        Auto
+        auto
+        <br />
         <br />
         Varies based on content size or width/height property
       </OuiFlexItem>
       <OuiFlexItem basis={'fit-content'}>
-        Fit-content
+        fit-content
+        <br />
         <br />
         Sizes the item based on the content&apos;s width but within the
         container.
       </OuiFlexItem>
       <OuiFlexItem basis={'max-content'}>
-        Max-content
+        max-content
+        <br />
         <br />
         Sizes the item to be as large as the content&apos;s maximum width.
       </OuiFlexItem>
       <OuiFlexItem basis={'min-content'}>
-        Min-content
+        min-content
+        <br />
         <br />
         Sizes the item to be as small as the content&apos;s minimum width
         without breaking.