Task List
View all your tasks in a list. Add new tasks using the input field and button. Empty state shown when no tasks exist.
View all your tasks in a list. Add new tasks using the input field and button. Empty state shown when no tasks exist.
Task input field
Text input where user types new task text
Add button
Button that triggers task creation from input field text
Task list container
Vertical list displaying all task items with their text
Empty state message
Message displayed when tasks array is empty, indicating no tasks exist yet
Task item
Individual list item showing task text for each task in the vertical list