JSFiddle - React, Tailwind, and code Playground
HTML
<label for="test" class="form-required">Label Name</label>
CSS
body {
font-family: arial, sans-serif;
}
.form-required:after {
color: #e00;
/* Use a Unicode symbol to prevent screen-readers from announcing the text. */
content: " \002A
\FE61
\FF0A
\204E
\2051
\2217
\2731
\2732
\2733
\273A
\273B
\273C
\273D
\2722
\2723
\2724
\2725
\2743
\2749
\274A
\274B
\066D
\203B
\E002A ";
line-height: 1;
vertical-align: super;
}