• AlgoMaster AIv1.0.0
Curriculum
    • What is Programming?
    • Flowcharts
    • Algorithms & Pseudocode
    • Variables & Data Types
    • Loops
    • Recursion
    • Big O Notation
    • Arrays & Strings
    • Linked Lists
    • Stack
    • Queue
    • Hashing
    • Linear Search
    • Binary Search
    • Bubble Sort
    • Selection Sort
    • Insertion Sort
    • Merge Sort
    • Quick Sort
    • Binary Search Tree
    • Heaps
    • AVL TreeH
    • Trie (Prefix Tree)
    • Graph Representations
    • Breadth-First Search (BFS)
    • Depth-First Search (DFS)
    • Topological Sort
    • Dijkstra's AlgorithmH
    • Bellman-Ford AlgorithmH
    • Kruskal's AlgorithmH
    • Union-Find (Disjoint Set)
    • Greedy Algorithms
    • Dynamic Programming
    • Knapsack ProblemH
    • Longest Common SubsequenceH
    • Backtracking
    • Segment TreeH
    • Fenwick TreeH
    • Bit Manipulation
Documentation

Form Components

Reusable form components with react-hook-form integration

Individual Component Documentation

Form

View documentation →

InputField

View documentation →

TextareaField

View documentation →

SelectField

View documentation →

FormField

View documentation →

InputField
Text input field with label and error handling

Props

  • name: string (required)
  • label: string
  • type: "text" | "email" | "password" | "number" | "tel" | "url"
  • required: boolean
  • placeholder: string

Live Example

TextareaField
Textarea field with label and error handling

Props

  • name: string (required)
  • label: string
  • rows: number (default: 4)
  • required: boolean

Live Example

SelectField
Select dropdown with label and error handling

Props

  • name: string (required)
  • label: string
  • options: Array<{ value: string; label: string }> (required)
  • required: boolean

Live Example

Complete Form Example
Example form using all form components together