<p>Something brand-spanking new! <span class="badge info">New!</span></p>
<p>To show you the power of Lunar Design.. <span class="badge">I made this badge!</span></p>
<h5>Works with baby headers text! <span class="badge warning">George says hi! Run.</span></h5>
Supported statuses: Success, warning, error, info. Okay to omit.
import { Badge } from '@cupid-ui/react';
// [...]
<p>Something brand-spaking new! <Badge text="New!" type="info"/></p>
text: Must be a string. This is what the badge says.type (optional): Can be "success" | "warning" | "error" | "info". Sets the type of badge you want.Something brand-spanking new! New!
To show you the power of Lunar Design.. I made this badge!