updating some styles according with latest changes

microsoft · Sep 19, 2018 · 1bfab98 · 1bfab98
1 parent aa9613c
commit 1bfab98
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/docs/src/views/Theming.tsx b/docs/src/views/Theming.tsx
@@ -134,16 +134,14 @@ export default () => (
     <ExampleSnippet
       value={[
         `<Button`,
-        `  icon="user"`,
+        `  icon={{ name: "user", styles: { borderBottom: '4px solid red' } }}`,
         `  content="Profile"`,
-        `  styles={{ icon: { borderBottom: '4px solid red' } }}`,
         `/>`,
       ].join('\n')}
       render={() => (
         <Button
-          icon="user"
+          icon={{ name: 'user', styles: { borderBottom: '4px solid red' } }}
           content="Profile"
-          styles={{ icon: { borderBottom: '4px solid red' } }}
         />
       )}
     />
@@ -156,9 +154,9 @@ export default () => (
       value={[
         `const style = { color: 'green' }`,
         ``,
-        `<Text styles={{ root: { style } }}>This is green text</Text>`,
+        `<Text styles={{ style }}>This is green text</Text>`,
       ].join('\n')}
-      render={() => <Text styles={{ root: { color: 'green' } }}>This is green text.</Text>}
+      render={() => <Text styles={{ color: 'green' }}>This is green text.</Text>}
     />
   </DocPage>
 )