Carnation is now in early alpha. Read more

Docs
SVG

SVG

🚧

This page is under construction.

<c.svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <c.path
    d="M14 11C14 12.7486 13.4922 14.2899 12.7218 15.3685C11.95 16.449 10.9739 17 10 17C9.02606 17 8.04999 16.449 7.2782 15.3685C6.50778 14.2899 6 12.7486 6 11C6 9.2514 6.50778 7.71008 7.2782 6.63149C8.04999 5.55098 9.02606 5 10 5C10.9739 5 11.95 5.55098 12.7218 6.63149C13.4922 7.71008 14 9.2514 14 11Z"
    stroke="currentColor"
    strokeWidth={2}
  />
</c.svg>

<c.svg>

API Reference

PropTypeDefaultDescription
viewBoxstringβ€”

<c.path>

API Reference

PropTypeDefaultDescription
dstringβ€”
fillRule"nonzero" | "evenodd"β€”
clipRule"nonzero" | "evenodd"β€”
fillstringβ€”
strokestringβ€”
strokeWidthnumberβ€”
opacitynumberβ€”

<c.circle>

API Reference

PropTypeDefaultDescription
cxnumberβ€”
cynumberβ€”
rnumberβ€”
fillstringβ€”
strokestringβ€”
strokeWidthnumberβ€”
opacitynumberβ€”

<c.rect>

API Reference

PropTypeDefaultDescription
xnumberβ€”
ynumberβ€”
widthnumberβ€”
heightnumberβ€”
fillstringβ€”
strokestringβ€”
strokeWidthnumberβ€”
opacitynumberβ€”

<c.line>

API Reference

PropTypeDefaultDescription
x1numberβ€”
y1numberβ€”
x2numberβ€”
y2numberβ€”
fillstringβ€”
strokestringβ€”
strokeWidthnumberβ€”
opacitynumberβ€”