# Saas Form Number Field

Number of licenses or seats in a SaaS checkout with plan limits.

- id: `saas-form-number-field`
- Page: https://agentic-ui-kit.com/components/saas-form-number-field
- Live preview: https://agentic-ui-kit.com/live/component/saas-form-number-field

## Install

```bash
agentic-ui add saas-form-number-field
npx shadcn@4.17.0 add @agentic-ui/saas-form-number-field
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** visible-stepper-buttons, min-max-step-clamping, decimal-safe-stepping, keyboard-stepping, locale-formatting, deterministic-validation, controlled-and-uncontrolled, external-error-override, disabled-readonly-states, hidden-form-input, accessible-spinbutton, dark-mode
- **Intents:** create-edit, configure
- **Suits domains:** saas, ecommerce, billing, settings, operations, finance
- **Interaction:** click, keyboard-stepping, typing, focus-blur-commit, form-submit
- **Screen role:** management
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** number of licenses or seats in a SaaS checkout with plan limits, unit price with two decimals and a currency symbol in a product editor, discount percentage in steps of 0.5 inside a campaign configuration, alert threshold with a negative range and a decimal step in monitoring settings, rows per page or quota limits in toolbars and dense tables (size sm)
- **Avoid when:** free text input or numeric identifiers that must not be incremented (phone numbers, postal codes), selecting a value within a continuous range where a slider better communicates proportion, huge ranges with no meaningful step where stepper buttons add nothing
- **Preserve when adapting:** spinbutton-semantics, step-grid-model, validation-order, keyboard-model
- **Replace when adapting:** validation-copy, locale, adornments, size-and-spacing
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, input, label
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives