# TaskList
A list of things to do or follow, each with its status, leading to the item.
## Playground
```html
```
## When to use
- For tasks, schedules or parts of a job, when what matters is each one’s name and status.
## When not to use
- **Several characteristics to compare:** Table.
- **A list with no status** (only links): a plain list.
## Examples
### Tasks
The name leads to the item; the detail says who and when; the status is a Tag, on the right.
Show code
```html
```
## Anatomy
1. **Name:** a link to the item.
2. **Detail**, optional: who, when.
3. **Status:** a Tag, on the right.
## Do and don’t
Do
- [Replace the photos](#exemplos)Late
The name leads to the item; the status reads at once.
Don’t
- **Replace the photos**ViewEditComplete
Three links per row and no status: the list becomes a button panel.
## Writing
- Name: the task as an action ("Review the contract"), the same everywhere.
- Status: the usual words ("Open", "Doing", "Waiting", "Done").
## Accessibility
- It is a list (``): screen readers say how many items there are.
- The status is a word, not just a color.
## Attributes
Attribute
Values
What for
`class="feitio-task-list"`
on the ``
Items with hairlines, name on the left and status on the right.
`class="name"`
on name and detail
Name in bold and small detail.