Shadcn React Number Format

February 19, 2025 (3mo ago)

React Number Format (ShadCN/UI Wrapped)

A ShadCN/UI-styled wrapper for react-number-format, providing an input component with formatted numerical values. Supports currency, percentages, phone numbers, and custom masks while maintaining full accessibility and theme compatibility with ShadCN/UI.

Features

  • ✅ Seamless integration with ShadCN/UI styling
  • 🔢 Format numbers, currencies, percentages, and phone inputs
  • 🎭 Custom formatting with masks and patterns
  • 🎛️ Controlled & uncontrolled component support
  • 🛠 Input validation and formatting on the fly

Perfect for applications that require user-friendly number inputs with a consistent UI. 🚀

LinkedIn
X