npm
Banners

Ribbon

Velvet banner with real notched wings, three sizes.

Victory!Chapter completeBest value
<Ribbon size="large">Victory!</Ribbon>
<Ribbon>Chapter complete</Ribbon>
<Ribbon size="small">Best value</Ribbon>

The wings are real layered elements, an outline shell with the fill inset, so the contour follows the notch, scales with the font size, and can never be swallowed by a parent background.