Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
<span>
tag size (from <code>Tag.sizes</code>)
</span>
])
]}
/>
Size
<p>
Tags come in two sizes. Try to use the default size, <code>medium</code>
, whenever possible.
</p>
`${s}`
)}
/>
Icon
<p>
A tag may contain an icon, consistently placed on the right. An icon may
also receive on <code>onClick</code> prop in this position.
</p>
}>With Icon`,
`} size={Tag.sizes.small}>With Icon`,
` alert('icon clicked')} />} size={Tag.sizes.small}>With Icon`
'icon',
<code>*Icon</code>,
null,
null,
'Icon component, right-aligned'
]),
PropTypes.row([
'isPressed',
'boolean',
null,
<code>false</code>,
<span>for accessibility of tags used as toggles</span>
]),
PropTypes.row([
'size',
PropTypes.union(Tag.sizes),
null,
<code>medium</code>,
<span>
tag size (from <code>Tag.sizes</code>)
</span>
])
]}
/>
Size
<p>
Tags come in two sizes. Try to use the default size, <code>medium</code>
, whenever possible.
</p>