Billing Tax Exemption Form

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button, input, label dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/billing/billing137.tsx instead.

Usage

The file also exports billing137Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Billing137, billing137Demo } from "@/components/blocks/billing/billing137";

export default function Page() {
  return <Billing137 {...billing137Demo} />;
}

Props

Types

interface ExemptionReason {
  id: string;
  label: string;
  description?: string;
}

Behavior notes

• Organization name, tax ID, and a selected reason are all required before the submit button enables; the supporting document is optional.
• The reason picker is a radiogroup of buttons rather than a native select, so only one reason can be chosen and it works with keyboard navigation.
• The document upload button triggers a hidden native file input via a ref and click(), then shows the selected file's name next to the button. No file is actually uploaded anywhere, wire an onChange handler of your own if you need to send it to storage.
• Submitting sets a loading state for about 800ms, then replaces the whole form with a confirmation that explicitly says the request is pending review, not approved, since exemption status needs a human to sign off.
• There's no callback prop for the submitted data, lift state up or handle the request inside your own onSubmit if you fork the component to actually send it to your backend.

Frequently asked questions