Pin List
A pin-able list with animations.
Task description
Installation
Usage
Task List
Interactive task list with pinning functionality and smooth animations.
Casso denuncio voro earum placeat animi trepide pax impedit. Cognomen cur stabilis utique dolore. Occaecati quibusdam spero turbo agnosco tenax careo autem.
Creta vespillo turba contabesco adimpleo cogo cubicularis. Vulnero constans tempus optio stultus arcus cubitum caput. Dolores sophismata amiculum aperte comminor.
Tricesimus confido ipsam nesciunt. Abbas voveo ventosus beatus clarus eius veniam. Causa magni timor cruentus suus arto paulatim uredo vorago ager.
Asperiores terminatio cito cohibeo sono amoveo sono valens subito. Debitis teneo maxime ago nostrum tot. Vestigium tandem natus tantillus ager.
1<PinList taskList={taskList} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| taskList | TaskList | — | Object containing the task list data with tasks array and metadata. |
Data Structure
The TaskList interface defines the structure for task management data.
1interface TaskList {
2 id: string
3 title: string
4 summary: string
5 tasks: Task[]
6}
7
8interface Task {
9 id: string
10 title: string
11 description: string
12 stage: string
13 due: string
14 pinned: boolean
15 owner?: TaskOwner
16}
17
18interface TaskOwner {
19 name: string
20 initials: string
21 role?: string
22}