Skip to content
This repository has been archived by the owner on Aug 18, 2020. It is now read-only.

Commit

Permalink
fix(iconexamples): change example syntax
Browse files Browse the repository at this point in the history 
changes the example syntax to avoid errors
  • Loading branch information
@eddier
eddier committed Mar 2, 2017
1 parent e7c6ef4 commit 60493ef
Showing 1 changed file with 31 additions and 31 deletions.
62 changes: 31 additions & 31 deletions stories/icons.stories.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down

0 comments on commit 60493ef

Please sign in to comment.