Onesie Toggle Block View
React Reuseable Component that allows toggling between a given thumbnail view and a detail view.
Installation
npm i --save onesie-toggle-environment-block
Usage
Add to Project
####ES5
var ClusterToggleView = require('onesie-toggle-environment-block').default;
####ES6
import ClusterToggleView from 'onesie-toggle-environment-block';
Passing Views as Children
<ClusterToggleView>
//First Child is the Thumbnail View
<div>
Thumbnail View
</div>
//Second Child is the Detail View
<div>
Detail View
</div>
</ClusterToggleView>
Passing Views as Props
var thumb = <div>Thumb View</div>;
var expanded = <div>Detail View</div>;
<ClusterToggleView
thumbElement={thumb}
detailElement={expanded}/>
Component Styling
TO DO: Add Styling Documentation
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Credits
Juan Carlos Garzon
Author
Oakley Hall
Project Lead, Code Review
Yuan Shen
Code Review