Reusable table component for physical demands analysis and data collection
This table component is designed for physical demands analysis forms. It supports configurable rows and columns, selectable cells (like checkboxes), and text input cells. The component fully integrates with the project's color system and supports light/dark mode.
New: Built-in validation with visual feedback using error/success colors from the color system. Hover over error cells to see validation messages.
Click on cells to select frequency. Single selection per row (like radio buttons).
Type comments or notes in each cell.
Multiple selections allowed per row (like checkboxes). Compact styling for space efficiency.
Click "Validate" to test validation. Cells with errors show red background with error messages on hover. All cells show green when validation passes.
Fill in the cells and click "Validate". Empty cells show red errors. All cells show green when filled.