React Component Assignment

Demonstrating InputField and DataTable components with TypeScript, TailwindCSS, and modern React patterns

InputField Component
A flexible input component with validation states, variants, and sizes

This is a helper text

Size Variants

Style Variants

States

DataTable Component
A data table with sorting, selection, and loading states
Name
Email
Role
Status
Join Date
Taruntarun@example.comAdminactive2025-06-15
AsishAsish@example.comUseractive2025-07-20
NaveenNaveen@example.comEditorinactive2025-06-10
Deepandeepan@example.comUseractive2025-02-05
Saisai@example.comAdmininactive2025-05-12
Empty State Demo
DataTable with no data to show empty state
Name
Email
Role
Status
Join Date
No data available - this is the empty state