From 60493ef3497d7e508b27ef9f40f01822ef721057 Mon Sep 17 00:00:00 2001
From: Edward Raffaele <eraffaele@gmail.com>
Date: Thu, 2 Mar 2017 12:22:29 -0800
Subject: [PATCH] fix(iconexamples): change example syntax

changes the example syntax to avoid errors
---
 stories/icons.stories.js | 62 ++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/stories/icons.stories.js b/stories/icons.stories.js
index 8314bc7..ed95c88 100644
--- a/stories/icons.stories.js
+++ b/stories/icons.stories.js
@@ -15,133 +15,133 @@ storiesOf('Icons', module)
           <span style={{marginRight: '20px'}}>
                     Warning
                 </span>
-          <Icon className='ei' name='icon_error-triangle_alt' />
+          <Icon className='ei icon_error-triangle_alt' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Alert
                 </span>
-          <Icon className='ei' name='icon_error-circle_alt' />
+          <Icon className='ei icon_error-circle_alt' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Success
                 </span>
-          <Icon className='ei' name='icon_check_alt2' />
+          <Icon className='ei icon_check_alt2' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Stopped
                 </span>
-          <Icon className='ei' name='icon_minus_alt2' />
+          <Icon className='ei icon_minus_alt2' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Settings
                 </span>
-          <Icon className='ei' name='icon_cog' />
+          <Icon className='ei icon_cog' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Dialog Warning
                 </span>
-          <Icon className='ei' name='icon_error-triangle' />
+          <Icon className='ei icon_error-triangle' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                    Dialog Error
                 </span>
-          <Icon className='ei' name='icon_error-circle' />
+          <Icon className='ei icon_error-circle' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Dialog Success
                 </span>
-          <Icon className='ei' name='icon_check_alt' />
+          <Icon className='ei icon_check_alt' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Dialog Info
                 </span>
-          <Icon className='ei' name='icon_info' />
+          <Icon className='ei icon_info' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Operation Run
                 </span>
-          <Icon className='ei' name='arrow_triangle-right_alt2' />
+          <Icon className='ei arrow_triangle-right_alt2' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Operation Stop
                 </span>
-          <Icon className='ei' name='icon_pause_alt2' />
+          <Icon className='ei icon_pause_alt2' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Chevron
                 </span>
-          <Icon className='ei' name='arrow_carrot-right' />
-          <Icon className='ei' name='arrow_carrot-left' />
-          <Icon className='ei' name='arrow_carrot-down' />
-          <Icon className='ei' name='arrow_carrot-up' />
+          <Icon className='ei arrow_carrot-right' />
+          <Icon className='ei arrow_carrot-left' />
+          <Icon className='ei arrow_carrot-down' />
+          <Icon className='ei arrow_carrot-up' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Trend Arrow
                 </span>
-          <Icon className='ei' name='arrow_triangle-right' />
-          <Icon className='ei' name='arrow_triangle-left' />
-          <Icon className='ei' name='arrow_triangle-down' />
-          <Icon className='ei' name='arrow_triangle-up' />
+          <Icon className='ei arrow_triangle-right' />
+          <Icon className='ei arrow_triangle-left' />
+          <Icon className='ei arrow_triangle-down' />
+          <Icon className='ei arrow_triangle-up' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Success Checkmark
                 </span>
-          <Icon className='ei' name='icon_check' />
+          <Icon className='ei icon_check' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Search
                 </span>
-          <Icon className='ei' name='icon_search' />
+          <Icon className='ei icon_search' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     User
                 </span>
-          <Icon className='ei' name='icon_profile' />
+          <Icon className='ei icon_profile' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Tag
                 </span>
-          <Icon className='ei' name='icon_tag_alt' />
+          <Icon className='ei icon_tag_alt' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Folder
                 </span>
-          <Icon className='ei' name='icon_folder-alt' />
+          <Icon className='ei icon_folder-alt' />
         </div>
 
         <div>
           <span style={{marginRight: '20px'}}>
                     Sizing
                 </span>
-          <Icon className='ei' name='icon_folder-alt' />
-          <Icon className='ei' name='icon_folder-alt' size='large' />
-          <Icon className='ei' name='icon_folder-alt' size='big' />
-          <Icon className='ei' name='icon_folder-alt' size='huge' />
+          <Icon className='ei icon_folder-alt' />
+          <Icon className='ei icon_folder-alt' size='large' />
+          <Icon className='ei icon_folder-alt' size='big' />
+          <Icon className='ei icon_folder-alt' size='huge' />
         </div>
         <div>
           <span style={{marginRight: '20px'}}>
                     Colors
                 </span>
-          <Icon className='ei' name='icon_folder-alt' color='red' size='big' />
-          <Icon className='ei' name='icon_folder-alt' color='grey' size='big' />
-          <Icon className='ei' name='icon_folder-alt' color='yellow' size='big' />
+          <Icon className='ei icon_folder-alt' color='red' size='big' />
+          <Icon className='ei icon_folder-alt' color='grey' size='big' />
+          <Icon className='ei icon_folder-alt' color='yellow' size='big' />
         </div>
 
             Note that these icons are namespaced with the class "ei" which enables you to access the Elegant Icons while retaining the usage of the Semantic UI Icon component.