Skip to main content

Built-in Components

Reactaform provides a comprehensive set of built-in form components designed to handle various input types and use cases. Each component is fully typed, accessible, and customizable.


Component Library

=== "📝 Text & Input"

ComponentTypeDescriptionSchema
📝 Text InputtextSingle-line text inputView
📄 Multiline TextmultilineMulti-line textarea for longer contentView
🔒 PasswordpasswordSecure password input with maskingView
✉️ EmailemailEmail input with built-in validationView
📱 PhonephonePhone number input with formattingView
🔗 URLurlURL input with validationView

=== "🔢 Numbers"

ComponentTypeDescriptionSchema
# IntegerintWhole number inputView
% FloatfloatDecimal number inputView
🎚️ SlidersliderVisual range selector with drag controlView
🔄 StepperstepperIncrement/decrement numeric inputView
🔢 Integer Arrayint-arrayMultiple integer valuesView
📊 Float Arrayfloat-arrayMultiple decimal valuesView

=== "☑️ Choices"

ComponentTypeDescriptionSchema
DropdowndropdownSingle selection from a listView
RadioradioRadio button group for exclusive selectionView
☑️ CheckboxcheckboxBoolean yes/no toggleView
🔄 SwitchswitchToggle switch for on/off statesView
Multi-Selectionmulti-selectionMultiple selections from a listView

=== "📅 Date & Time"

ComponentTypeDescriptionSchema
📅 DatedateCalendar date pickerView
🕐 TimetimeTime selection controlView

=== "🎨 Advanced"

ComponentTypeDescriptionSchema
📁 FilefileFile upload and selectionView
🎨 ColorcolorVisual color pickerView
RatingratingStar rating inputView
📏 Unit ValueunitValue with measurement unitView

=== "🎯 UI Elements"

ComponentTypeDescriptionSchema
SeparatorseparatorVisual divider for form sectionsView

!!! tip "Component Features"

  • Fully Typed - Complete TypeScript support for all components
  • 🎨 Customizable - Style and configure to match your design system
  • Accessible - WCAG compliant with proper ARIA labels
  • 🔍 Validated - Built-in validation with custom rules support