# Billing toggle

A monthly and yearly switch with a savings badge and prices that roll to the new amount.

- ID: `billing-toggle`
- Import: `animui/billing-toggle`
- Category: Inputs
- Runtime exports: `BillingPrice`, `BillingToggle`, `default`
- Declaration: `types/free/components/billing-toggle.d.ts`
- Type provenance: emitted-original-typescript
- Related: segmented-control, animated-counter, radio-group

```tsx
import { BillingPrice } from 'animui/billing-toggle';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info billing-toggle` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { BillingPrice, BillingToggle, default } from '../registry/components/billing-toggle/billing-toggle.js';
export type { BillingPriceProps, BillingToggleOption, BillingToggleProps } from '../registry/components/billing-toggle/billing-toggle.js';
```