From 501974fc8ae49a31513338eb74a274e751787bca Mon Sep 17 00:00:00 2001
From: Christopher Chedeau <vjeuxx@gmail.com>
Date: Fri, 21 Oct 2016 18:30:25 -0700
Subject: [PATCH] Update components-and-props.md

fb indent style
---
 docs/components-and-props.md | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/docs/components-and-props.md b/docs/components-and-props.md
index 5679009d..0122d359 100644
--- a/docs/components-and-props.md
+++ b/docs/components-and-props.md
@@ -133,8 +133,9 @@ function Comment(props) {
     <div className="Comment">
       <div className="UserInfo">
         <img className="Avatar"
-             src={props.author.avatarUrl}
-             alt={props.author.name} />
+          src={props.author.avatarUrl}
+          alt={props.author.name}
+        />
         <div className="UserInfo-name">
           {props.author.name}
         </div>
@@ -158,12 +159,13 @@ This component can be tricky to change because of all the nesting, and it is als
 
 First, we will extract `Avatar`:
 
-```js{3-5}
+```js{3-6}
 function Avatar(props) {
   return (
     <img className="Avatar"
-         src={props.user.avatarUrl}
-         alt={props.user.name} />
+      src={props.user.avatarUrl}
+      alt={props.user.name}
+    />
   );
 }
 ```