주문 요약

상품 금액, 할인과 배송비를 차례로 보여 주고 마지막에 실제 결제 금액을 강조한다.

활용 방법

tone="discount"를 지정하면 할인 행을 성공 색상으로 표시한다.

Preview

결제 완료 후 배송 일정을 안내합니다.

tsx

<OrderSummary rows={[{ label: "상품", value: "24,800원" }, { label: "쿠폰", value: "-3,000원", tone: "discount" }]} total="21,800원" />