DiscountBadge

Small colored badge that displays a discount or sale label

Import

import { DiscountBadge } from '@tallyui/components';

<DiscountBadge label="20% OFF" />

A compact, self-sizing badge with a sale-colored background and bold text. Useful for highlighting discounts on cart lines or product cards.

Prop	Type	Default	Description
`label`	`string`	required	Text displayed inside the badge
`className`	`string`	—	Override container styles

CartPanel

Scrollable cart panel with header, line items, and footer slots

CartNoteInput

Expandable text input for adding notes to a cart or order