Skip to content

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
  • Loading branch information
Florian Nagel committed Oct 16, 2016
1 parent 48dfe61 commit 27adc9f
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 17 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# React Duotone ![[Travis Build Status](https://travis-ci.org/nagelflorian/react-duotone)](https://img.shields.io/travis/nagelflorian/react-duotone.svg?style=flat)
# React Duotone ![[Travis Build Status](https://travis-ci.org/nagelflorian/react-duotone)](https://img.shields.io/travis/nagelflorian/react-duotone.svg?style=flat) ![[Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript)](https://img.shields.io/badge/code--style-airbnb-blue.svg?style=flat)

![Example Duotone Image](https://cloud.githubusercontent.com/assets/7649376/19024780/e0fac730-890b-11e6-9640-1e2f604614e3.png)

Expand All @@ -21,8 +21,8 @@ class App extends Component {
className='image-preview'
alt='Your image description'
src='your-image.jpg'
primaryColor={'#FBFBFB'}
secondaryColor={'#283B6B'} />;
primaryColor='#FBFBFB'
secondaryColor='#283B6B' />;
}
}

Expand Down
28 changes: 14 additions & 14 deletions examples/image/app.js
Original file line number Diff line number Diff line change
Expand Up @@ -20,56 +20,56 @@ const App = () => {
<div className='duotone-container'>
<DuotoneImage
src={image1}
primaryColor={'#FBFBFB'}
secondaryColor={'#283B6B'}
primaryColor='#FBFBFB'
secondaryColor='#283B6B'
/>
<span>Primary-Color: #FBFBFB, Secondary-Color: #283B6B</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image2}
primaryColor={'#FCC862'}
secondaryColor={'#2D45C6'}
primaryColor='#FCC862'
secondaryColor='#2D45C6'
/>
<span>Primary-Color: #FCC862, Secondary-Color: #2D45C6</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image3}
primaryColor={'#71DF6F'}
secondaryColor={'#272D67'}
primaryColor='#71DF6F'
secondaryColor='#272D67'
/>
<span>Primary-Color: #71DF6F, Secondary-Color: #272D67</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image4}
primaryColor={'#D92037'}
secondaryColor={'#2A3060'}
primaryColor='#D92037'
secondaryColor='#2A3060'
/>
<span>Primary-Color: #D92037, Secondary-Color: #2A3060</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image5}
primaryColor={'#8ADFD0'}
secondaryColor={'#5C2998'}
primaryColor='#8ADFD0'
secondaryColor='#5C2998'
/>
<span>Primary-Color: #8ADFD0, Secondary-Color: #5C2998</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image6}
primaryColor={'#FCC862'}
secondaryColor={'#2D45C6'}
primaryColor='#FCC862'
secondaryColor='#2D45C6'
/>
<span>Primary-Color: #FCC862, Secondary-Color: #2D45C6</span>
</div>
<div className='duotone-container'>
<DuotoneImage
src={image7}
primaryColor={'#A3D5CA'}
secondaryColor={'#E52839'}
primaryColor='#A3D5CA'
secondaryColor='#E52839'
/>
<span>Primary-Color: #A3D5CA, Secondary-Color: #E52839</span>
</div>
Expand Down

0 comments on commit 27adc9f

Please sign in to comment.