React library for building declarative toggle components
const UserProfileDropdown = ({ avatarUrl, name }) => (
<Toggle
render={({ on, toggle }) => (
<div className="UserProfileDropdown">
<img className="UserProfileDropdown-avatar" src={avatarUrl} />
<span className="UserProfileDropdown-name" onClick={toggle}>
{name}{' '}
<img
src={arrow}
className={`UserProfileDropdown-arrow ${on
? 'UserProfileDropdown-arrow--on'
: ''} `}
/>
</span>
{on ? <Menu /> : null}
</div>
)}
onToggle={({ on }) => console.log(`${on ? 'ON' : 'OFF'}`)}
/>
);
- Vicent Gozalbes - Initial work - vigosan
This project is licensed under the MIT License - see the LICENSE.md file for details