adding back docs

2026-01-26 14:56:42 +08:00 · 2019-02-22 20:25:09 -08:00
parent 78368cdf39
commit f70417f6ae
166 changed files with 4344 additions and 516 deletions
--- a/docs/step2-03/exercise/index.html
+++ b/docs/step2-03/exercise/index.html
@@ -2,5 +2,5 @@
 <html>
  <body>
    <div id="app"></div>
-  <script type="text/javascript" src="../../step2-03/exercise/step2-03/exercise.js"></script></body>
+  <script src="../../step2-03/exercise/step2-03/exercise.js"></script></body>
 </html>
--- a/docs/step2-03/exercise/src/components/TodoApp.tsx
+++ b/docs/step2-03/exercise/src/components/TodoApp.tsx
@@ -10,6 +10,7 @@ import { TeamsCustomizations } from '@uifabric/theme-samples';

 let index = 0;

+// TODO: Change this to add other CSS styles like backgroundColor, fontSize, etc
 const className = mergeStyles({
  padding: 25,
  ...getTheme().effects.elevation4
--- a/docs/step2-03/exercise/src/components/TodoFooter.tsx
+++ b/docs/step2-03/exercise/src/components/TodoFooter.tsx
@@ -12,6 +12,9 @@ interface TodoFooterProps {
 export const TodoFooter = (props: TodoFooterProps) => {
  const itemCount = Object.keys(props.todos).filter(id => !props.todos[id].completed).length;

+  // TODO: play around with the DefaultButton component below with a "styles" prop
+  // - try it with an object: styles={{ ... }}
+  // - try it with a function: styles={props => ({ ... })}
  return (
    <Stack horizontal horizontalAlign="space-between">
      <Text>
--- a/docs/step2-03/exercise/step2-03/exercise.js
+++ b/docs/step2-03/exercise/step2-03/exercise.js