23 lines
861 B
TypeScript
23 lines
861 B
TypeScript
import * as 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" alt="icon folder" />
|
|
<Avatar icon={<GithubIcon />} />
|
|
<Avatar><img src="https://placeimg.com/80/80/animals" alt="foobar" /></Avatar>
|
|
<Avatar image="https://placeimg.com/80/80/animals" alt="foobar" />
|
|
<Avatar
|
|
alt="foobar"
|
|
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;
|