Sha256: 963071d5ed811247b3e848d400749aca48426d0c52e1e1b545f9c4a3cb0a4c7c
Contents?: true
Size: 1.88 KB
Versions: 187
Compression:
Stored size: 1.88 KB
Contents
import React from 'react'
import { Icon } from '../../'
const IconSizes = () => {
return (
<div>
<p>
<Icon
icon="user"
size="lg"
/>
{' '}
<span>{'Large'}</span>
</p>
<p>
<Icon
icon="user"
size="sm"
/>
{' '}
<span>{'Small'}</span>
</p>
<p>
<Icon
icon="user"
size="xs"
/>
{' '}
<span>{'XSmall'}</span>
</p>
<br />
<br />
<p>
<Icon
icon="user"
size="1x"
/>
{' '}
<span>{'1x'}</span>
</p>
<p>
<Icon
icon="user"
size="2x"
/>
{' '}
<span>{'2x'}</span>
</p>
<p>
<Icon
icon="user"
size="3x"
/>
{' '}
<span>{'3x'}</span>
</p>
<p>
<Icon
icon="user"
size="4x"
/>
{' '}
<span>{'4x'}</span>
</p>
<p>
<Icon
icon="user"
size="5x"
/>
{' '}
<span>{'5x'}</span>
</p>
<p>
<Icon
icon="user"
size="6x"
/>
{' '}
<span>{'6x'}</span>
</p>
<p>
<Icon
icon="user"
size="7x"
/>
{' '}
<span>{'7x'}</span>
</p>
<p>
<Icon
icon="user"
size="8x"
/>
{' '}
<span>{'8x'}</span>
</p>
<p>
<Icon
icon="user"
size="9x"
/>
{' '}
<span>{'9x'}</span>
</p>
<p>
<Icon
icon="user"
size="10x"
/>
{' '}
<span>{'10x'}</span>
</p>
</div>
)
}
export default IconSizes
Version data entries
187 entries across 187 versions & 1 rubygems