The
rounded-md
and
rounded-full
classes are versatile and can be used on non-button elements like tags or labels.
rounded-md
:
rounded-full
:
Application Notes:
rounded-md
provides a subtle, modern rounding suitable for many UI elements.
rounded-full
creates a pill or capsule shape, often used for badges, status indicators, or highly stylized buttons.
px-*
,
py-*
) and background/text colors to create visually distinct tags and labels.