Usage

Add an image text alternative to convey this component’s purpose.

import { IconButton } from '@loomhq/lens/icons'
import { SvgFolder } from '@loomhq/lens/icons'
<IconButton altText="Move to Folder" icon={<SvgFolder />} />

Sizes

Icon

See the Icon set.

Active

Disabled

Color

Use one of the palette colors.

Forwarding refs

Use the ref prop to access the DOM node.

Props

name
type
default
iconColor
string
'body'
size
'small' | 'medium' | 'large'
'medium'
altText
string
required
icon
React.ReactNode
onClick
React.MouseEventHandler<HTMLInputElement>
backgroundColor
string
isActive
boolean
isDisabled
boolean