20 lines
776 B
JavaScript
20 lines
776 B
JavaScript
import React from 'react';
|
|
import Avatar from '../../components/avatar';
|
|
import GithubIcon from './github_icon';
|
|
|
|
const AvatarTest = () => (
|
|
<section>
|
|
<h5>Avatars</h5>
|
|
<p>Provide an image source or object, a font icon, children or a title to use its first letter.</p>
|
|
<Avatar style={{backgroundColor: 'deepskyblue'}} icon="folder" />
|
|
<Avatar icon={<GithubIcon />}/>
|
|
<Avatar><img src="https://placeimg.com/80/80/animals"/></Avatar>
|
|
<Avatar image="https://placeimg.com/80/80/animals" />
|
|
<Avatar image="http://www.thewrap.com/wp-content/uploads/2015/08/margot-robbie-harley-quinn_main.jpg" cover />
|
|
<Avatar title="Javier"/>
|
|
<Avatar style={{backgroundColor: 'yellowgreen'}}><GithubIcon /></Avatar>
|
|
</section>
|
|
);
|
|
|
|
export default AvatarTest;
|