From 197a83140ef1a0b6cd9ccc1b29e70b0b04afb1aa Mon Sep 17 00:00:00 2001 From: Ken Date: Fri, 1 Mar 2019 12:02:30 -0800 Subject: [PATCH] fix the tsx -> js markdown --- step2-03/demo/README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/step2-03/demo/README.md b/step2-03/demo/README.md index 87c217f..5250ed7 100644 --- a/step2-03/demo/README.md +++ b/step2-03/demo/README.md @@ -21,7 +21,7 @@ There are some predefined themes within Fabric already, like Fluent (which will The following code (simplified from `demo/src/components/TodoApp.tsx`) shows an example of applying the Fluent theme to our todo app using `Customizer`. -```tsx +```js import { Customizer } from 'office-ui-fabric-react'; import { FluentCustomizations } from '@uifabric/fluent-theme'; @@ -87,7 +87,7 @@ The `styles` prop can take either an object, or a function which returns a style The following code (simplified from `demo/src/components/TodoHeader.tsx`) demonstrates using `styles` to customize individual components. The TextField uses a style function and the PrimaryButton uses a style object. -```ts +```js function render() { const buttonStyles = { root: { backgroundColor: 'maroon' }, @@ -128,7 +128,7 @@ Benefits of `mergeStyles` include: The following is a basic example using mergeStyles. ([This CodePen](https://codepen.io/dzearing/pen/jGdgrE?editors=1011) illustrates in more detail what `mergeStyles` does and includes some advanced examples.) -```tsx +```js // can also import from office-ui-fabric-react in Fabric-based apps import { mergeStyles } from '@uifabric/merge-styles';