CircleButton

A button that displays a plus or three dots. Used to create a new item or display a menu.

<View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
  <CircleButton icon="dots" />
  <CircleButton icon="plus" />
  <CircleButton isDisabled />
  <CircleButton icon="arrowLeft" size="sm" />
  <CircleButton icon="dots" size="sm" type="secondary" />
</View>

<View style={{ flexDirection: 'row', flexWrap: 'wrap' }}>
  <CircleButton icon="dots" />
  <CircleButton icon="plus" />
  <CircleButton isDisabled />
  <CircleButton icon="arrowLeft" size="sm" />
  <CircleButton icon="dots" size="sm" type="secondary" />
</View>

isDisabled

bool

icon

"plus" │ "dots" │ "arrowLeft"

"dots"

size

"sm" │ "lg"

"lg"

style

undefined │ object

type

"primary" │ "secondary"

"primary"