Component <CircleLink />

Props

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

---

Colors

Examples:

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

---

Sizes

Examples:

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

---

Opacity

Examples:

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

---

Layouts

Examples:

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