Number Range

Keep a numeric input within a sensible range.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

@hookform/resolvers, lucide-react, react-hook-form, sonner, zod

Install

pnpm dlx shadcn@latest add @flx/rhf-rules-03

Files

• registry/forms/react-hook-form/rules/rhf-rules-03.tsx
• src/components/ui/button.tsx
• src/components/ui/card.tsx
• src/components/ui/field.tsx
• src/components/ui/input.tsx
• src/lib/utils.ts
• src/components/ui/label.tsx
• src/components/ui/separator.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Form Components
• React Form Components
• Tailwind CSS Form Components
• shadcn/ui Form Components
• Form Field Components
• React Form Field Components
• Tailwind CSS Form Field Components
• shadcn/ui Form Field Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components

More from FLX UI

• Login form
• Notification settings
• Payment form
• React Hook Form
• TanStack Form
• Basic
• With Addon
• Disabled
• With Addon in the end
• With prefix and suffix
• With loading spinner
• With clear button