IconDot

A visual representation of an action or information

Props

className

String

forwardedRef

Custom

icon

String

required

iconColor

'default' │ 'disabled' │ 'white'

'default'

size

'xsmall' │ 'small' │ 'medium' │ 'large'

'medium'

theme

'default' │ 'disabled' │ 'blue'

'default'

Examples

Default Usage

<IconDot icon="close" /><IconDot icon="close" />

Size Modifiers

<div className="docs-inline-group">
  <IconDot icon="close" size="xsmall" />
  <IconDot icon="close" size="small" />
  <IconDot icon="close" />
  <IconDot icon="close" size="medium" />
  <IconDot icon="close" size="large" />
</div><div className="docs-inline-group">
  <IconDot icon="close" size="xsmall" />
  <IconDot icon="close" size="small" />
  <IconDot icon="close" />
  <IconDot icon="close" size="medium" />
  <IconDot icon="close" size="large" />
</div>

Color Modifiers