Usage
import { Icon, SvgSmile } from '@loomhq/lens'
<Icon icon={<SvgSmile />} />
Icon
See the Icon set.
Color
Use one of the palette colors.
Size
The default size is 3×3 units (1.5rem × 1.5rem), To change it use the size
prop, the value can be specified in units, pixels or any valid css unit.
With alternative text
If the icon is not purely decorative, add an image text alternative for accessibility reasons.
Width offset
Use hasWidthOffset
to offset the extra white space created by the icon boundary.
Props
name
type
default
color
string
'body'
size
string | number
3
altText
string
icon
React.ReactNode
hasWidthOffset
boolean