[Docs]: change default placement for tooltip examples

epam · Dec 11, 2024 · d400a96 · d400a96
1 parent 80e053f
commit d400a96
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 31 deletions.
diff --git a/app/src/docs/_examples/tooltip/Basic.example.tsx b/app/src/docs/_examples/tooltip/Basic.example.tsx
diff --git a/app/src/docs/_examples/tooltip/Types.example.tsx b/app/src/docs/_examples/tooltip/Types.example.tsx
@@ -15,20 +15,20 @@ export default function TypesTooltipExample() {
 
     return (
         <div className={ css.container }>
-            <Tooltip content="Compact" placement="bottom">
+            <Tooltip content="Compact">
                 <Button icon={ copyIcon } caption="Copy" fill="outline" color="primary" cx={ css.firstColumn } onClick={ () => null } />
             </Tooltip>
 
             <FlexRow alignItems="center" cx={ css.firstColumn }>
                 <RichTextView>
                     <span className={ css.permissionText }>Permissions</span>
                 </RichTextView>
-                <Tooltip content="Default tooltip. Can be inside as one row as 3 rows of text" placement="bottom">
+                <Tooltip content="Default tooltip. Can be inside as one row as 3 rows of text">
                     <IconContainer icon={ infoIcon } cx={ css.iconBlue } />
                 </Tooltip>
             </FlexRow>
 
-            <Tooltip content={ renderTypesMarkup() } placement="bottom" color="neutral">
+            <Tooltip content={ renderTypesMarkup() } color="neutral">
                 <Button icon={ plusIcon } onClick={ () => null } cx={ css.firstColumn } />
             </Tooltip>
 

diff --git a/app/src/docs/_examples/tooltip/Variants.example.tsx b/app/src/docs/_examples/tooltip/Variants.example.tsx
@@ -6,15 +6,15 @@ import css from './TypesExample.module.scss';
 export default function VariantsTooltipExample() {
     return (
         <div className={ css.container }>
-            <Tooltip content="Tooltip message" placement="bottom" color="inverted">
+            <Tooltip content="Tooltip message" color="inverted">
                 <Button caption="Default" fill="outline" color="secondary" onClick={ () => null } />
             </Tooltip>
 
-            <Tooltip content="Tooltip message" placement="bottom" color="neutral">
+            <Tooltip content="Tooltip message" color="neutral">
                 <Button caption="Contrast" color="primary" onClick={ () => null } />
             </Tooltip>
 
-            <Tooltip content="Tooltip message" placement="bottom" color="critical">
+            <Tooltip content="Tooltip message" color="critical">
                 <Button caption="Critical" fill="outline" color="critical" onClick={ () => null } />
             </Tooltip>
 

diff --git a/app/src/docs/_examples/tooltip/WithLink.example.tsx b/app/src/docs/_examples/tooltip/WithLink.example.tsx
@@ -20,7 +20,7 @@ export default function LinkTooltipExample() {
     return (
         <FlexRow alignItems="center">
             <Text fontSize="14">Working from home allowed for employees only</Text>
-            <Tooltip content={ renderTypesMarkup() } placement="top" color="neutral" closeOnMouseLeave="boundary">
+            <Tooltip content={ renderTypesMarkup() } color="neutral" closeOnMouseLeave="boundary">
                 <IconContainer icon={ myIcon } style={ { justifyContent: 'center', marginLeft: '3px' } } cx={ css.iconAmber } />
             </Tooltip>
         </FlexRow>