From 3504624c84d82e76bc3d1f79b77ece95abe5112c Mon Sep 17 00:00:00 2001
From: cyril lopez <cyril.lpz@gmail.com>
Date: Tue, 17 Oct 2017 16:11:30 +0200
Subject: [PATCH] Create documentation for Ico and IcoContainer components

---
 docs/3.x.x/en/plugins/ui-components.md | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/docs/3.x.x/en/plugins/ui-components.md b/docs/3.x.x/en/plugins/ui-components.md
index c4c4299d69..887efdcfed 100644
--- a/docs/3.x.x/en/plugins/ui-components.md
+++ b/docs/3.x.x/en/plugins/ui-components.md
@@ -104,8 +104,12 @@ class FooPage extends React.Component {
   render () {
     return (
       <div className={styles.fooPage}>
-      <Ico icoType="trash" onClick={this.handleClick} />
-      <PopUpWarning isOpen={this.state.showModal} onConfirm={() => this.setState({ showModal: false })} toggleModal={() => this.setState({ showModal: false })} />
+        <Ico icoType="trash" onClick={this.handleClick} />
+        <PopUpWarning
+          isOpen={this.state.showModal}
+          onConfirm={() => this.setState({ showModal: false })}
+          toggleModal={() => this.setState({ showModal: false })}
+        />
       </div>
     );
   }
@@ -146,11 +150,15 @@ class FooPage extends React.Component {
       { icoType: 'pencil', onClick: () => console.log('click on pencil icon') },
       { icoType: 'trash',  onClick: this.handleClick },
     ];
-    
+
     return (
       <div className={styles.fooPage}>
-      <IcoContainer icons={icons} />
-      <PopUpWarning isOpen={this.state.showModal} onConfirm={() => this.setState({ showModal: false })} toggleModal={() => this.setState({ showModal: false })} />
+        <IcoContainer icons={icons} />
+        <PopUpWarning
+          isOpen={this.state.showModal}
+          onConfirm={() => this.setState({ showModal: false })}
+          toggleModal={() => this.setState({ showModal: false })}
+        />
       </div>
     );
   }