fix(react-message-bar): update examples to have underlined links

microsoft · Sep 17, 2024 · 600c392 · 600c392
1 parent de8118d
commit 600c392
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Actions.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Actions.stories.tsx
@@ -13,7 +13,7 @@ export const Actions = () => (
   <MessageBar>
     <MessageBarBody>
       <MessageBarTitle>Descriptive title</MessageBarTitle>
-      Message providing information to the user with actionable insights. <Link>Link</Link>
+      Message providing information to the user with actionable insights. <Link inline>Link</Link>
     </MessageBarBody>
     <MessageBarActions containerAction={<Button appearance="transparent" icon={<DismissRegular />} />}>
       <Button>Action</Button>

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Animation.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Animation.stories.tsx
@@ -94,7 +94,7 @@ export const Animation = () => {
           <MessageBar key={`${intent}-${id}`} intent={intent}>
             <MessageBarBody>
               <MessageBarTitle>Descriptive title</MessageBarTitle>
-              Message providing information to the user with actionable insights. <Link>Link</Link>
+              Message providing information to the user with actionable insights. <Link inline>Link</Link>
             </MessageBarBody>
             <MessageBarActions
               containerAction={

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Default.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Default.stories.tsx
@@ -13,7 +13,7 @@ export const Default = () => (
   <MessageBar>
     <MessageBarBody>
       <MessageBarTitle>Descriptive title</MessageBarTitle>
-      Message providing information to the user with actionable insights. <Link>Link</Link>
+      Message providing information to the user with actionable insights. <Link inline>Link</Link>
     </MessageBarBody>
     <MessageBarActions
       containerAction={<Button aria-label="dismiss" appearance="transparent" icon={<DismissRegular />} />}

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Dismiss.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Dismiss.stories.tsx
@@ -68,7 +68,7 @@ export const Dismiss = () => {
           <MessageBar key={`${intent}-${id}`} intent={intent}>
             <MessageBarBody>
               <MessageBarTitle>Descriptive title</MessageBarTitle>
-              Message providing information to the user with actionable insights. <Link>Link</Link>
+              Message providing information to the user with actionable insights. <Link inline>Link</Link>
             </MessageBarBody>
             <MessageBarActions
               containerAction={

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Intent.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Intent.stories.tsx
@@ -26,7 +26,7 @@ export const Intent = () => {
         <MessageBar key={intent} intent={intent}>
           <MessageBarBody>
             <MessageBarTitle>Intent {intent}</MessageBarTitle>
-            Message providing information to the user with actionable insights. <Link>Link</Link>
+            Message providing information to the user with actionable insights. <Link inline>Link</Link>
           </MessageBarBody>
         </MessageBar>
       ))}

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/ManualLayout.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/ManualLayout.stories.tsx
@@ -25,7 +25,7 @@ export const ManualLayout = () => {
           <MessageBar key={intent} layout={single ? 'singleline' : 'multiline'} intent={intent}>
             <MessageBarBody>
               <MessageBarTitle>Descriptive title</MessageBarTitle>
-              Message providing information to the user with actionable insights. <Link>Link</Link>
+              Message providing information to the user with actionable insights. <Link inline>Link</Link>
             </MessageBarBody>
             <MessageBarActions
               containerAction={<Button aria-label="dismiss" appearance="transparent" icon={<DismissRegular />} />}

diff --git a/packages/react-components/react-message-bar/stories/src/MessageBar/Reflow.stories.tsx b/packages/react-components/react-message-bar/stories/src/MessageBar/Reflow.stories.tsx
@@ -57,7 +57,7 @@ export const Reflow = () => {
         <MessageBar intent="success">
           <MessageBarBody>
             <MessageBarTitle>Descriptive title</MessageBarTitle>
-            Message providing information to the user with actionable insights. <Link>Link</Link>
+            Message providing information to the user with actionable insights. <Link inline>Link</Link>
           </MessageBarBody>
           <MessageBarActions
             containerAction={<Button aria-label="dismiss" appearance="transparent" icon={<DismissRegular />} />}