Ribbon

A corner banner that wraps a card, for a label like New or Most popular.

Design

Explore the component in its original Figma context, including all variants, states, and visual configurations. The property table below is the Figma component's variant properties. They are not the React API: Figma draws a fixed number of children, so a prop that takes an array has no equivalent there, and a slot that takes a node is spelled as a boolean. For the React props, see the Code tab.
Badge Ribbon