docs: fixing person string unions for react stories (#2978)

microsoftgraph · Jan 29, 2024 · 92a6b5e · 92a6b5e
1 parent 06534ac
commit 92a6b5e
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/stories/components/person/person.react.stories.js b/stories/components/person/person.react.stories.js
@@ -17,27 +17,27 @@ export default {
 export const person = () => html`
   <mgt-person person-query="me"></mgt-person>
   <br>
-  <mgt-person person-query="me" view="oneLine"></mgt-person>
+  <mgt-person person-query="me" view="oneline"></mgt-person>
   <br>
-  <mgt-person person-query="me" view="twoLines"></mgt-person>
+  <mgt-person person-query="me" view="twolines"></mgt-person>
   <br>
-  <mgt-person person-query="me" view="threeLines"></mgt-person>
+  <mgt-person person-query="me" view="threelines"></mgt-person>
   <br>
-  <mgt-person person-query="me" view="fourLines"></mgt-person>
+  <mgt-person person-query="me" view="fourlines"></mgt-person>
   <react>
     import { Person } from '@microsoft/mgt-react';
 
     export default () => (
       <>
         <Person personQuery="me"></Person>
         <br />
-        <Person personQuery="me" view={ViewType.oneline}></Person>
+        <Person personQuery="me" view="oneline"></Person>
         <br />
-        <Person personQuery="me" view={ViewType.twolines}></Person>
+        <Person personQuery="me" view="twolines"></Person>
         <br />
-        <Person personQuery="me" view={ViewType.threelines}></Person>
+        <Person personQuery="me" view="threelines"></Person>
         <br />
-        <Person personQuery="me" view={ViewType.fourlines}></Person>
+        <Person personQuery="me" view="fourlines"></Person>
       </>
     );
   </react>
@@ -46,11 +46,11 @@ export const person = () => html`
 export const personCard = () => html`
    <div class="example">
      <div style="margin-bottom:10px">Person card Hover</div>
-     <mgt-person person-query="me" view="twoLines" person-card="hover"></mgt-person>
+     <mgt-person person-query="me" view="twolines" person-card="hover"></mgt-person>
    </div>
    <div class="example">
      <div style="margin-bottom:10px">Person card Click</div>
-     <mgt-person person-query="me" view="twoLines" person-card="click"></mgt-person>
+     <mgt-person person-query="me" view="twolines" person-card="click"></mgt-person>
    </div>
 
    <react>