JSFiddle - React, Tailwind, and code Playground

by moob

HTML

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <path id="textPath"  d="M10 50 C10 0 90 0 90 50" />
        <path id="textPath2" d="M10 0 C10 0 0 0 0 0" />
    </defs>
    <text fill="red">
        <textPath xlink:href="#textPath">Text on a Path Text on a Path</textPath>
    </text>
    <text fill="blue">
        <textPath xlink:href="#textPath2">Text on a Path Text on a Path</textPath>
    </text>
</svg>