Component <CircleButton />

Props

Props	Type	Meaning	Possible values
color	string	Change button background color	primary / primary / white / dark
size	string	Change button size	sm / md
opacity	number	Change button opacity. Can be from 0 to 1	from 0 to 1
layout	string	Change button general styles	filled / outlined

---

Colors

Examples:

  <CircleButton color="primary" icon={<i className="icon-plus" />} />
  <CircleButton color="blue" icon={<i className="icon-plus" />} />
  <CircleButton color="white" icon={<i className="icon-plus" />} />
  <CircleButton color="dark" icon={<i className="icon-plus" />} />

---

Sizes

Examples:

  <CircleButton size="sm" icon={<i className="icon-plus" />} />
  <CircleButton size="md" icon={<i className="icon-plus" />} />

---

Opacity

Examples:

  <CircleButton opacity={0.8} icon={<i className="icon-plus" />} />
  <CircleButton opacity={0.5} icon={<i className="icon-plus" />} />

---

Layouts

Examples:

  <CircleButton layout="filled" icon={<i className="icon-plus" />} />
  <CircleButton layout="outlined" icon={<i className="icon-plus" />} />