Discount Input

Discount input primitive.

Use this when the shopper is entering a discount code into a form field.

Preview and code

Loading preview...

Install

If this is your first Circle install, start with Get started.

pnpm dlx shadcn@latest add @blocks/discount-input

Use this when

This is a composed surface. Prefer the parent block when you want the full pattern, and reach for the sub-parts only when you need to customize the composition.

Dependencies

Registry

@circle-ui/badge

@circle-ui/button

@circle-ui/textbox

@circle-ui/utils

Source

The raw JSON payload powering this entry — useful when debugging registry output.

registry/berlin/blocks/commerce.tsx

pnpm dlx shadcn@latest add https://registry.circle.health/blocks/discount-input.json

Open /blocks/discount-input.json