Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Notification Task List Block for Solid

A due-soon digest sorting tasks into Overdue, Due today and This week, with a Done button and a Snooze select on each row and a receipt with Undo in the same place.

Framework
UI library

Preview

Preview width

Installation

Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Overview

Start the day with what needs you, with this notification to-do list block for Solid with Ark UI. Tasks are sorted from a fixed date into three bands, Overdue, Due today and This week, each with its own open count, and a Badge in the header counts everything still open. Every row has a Done button and a Native Select that snoozes the task to Tomorrow or Next Monday. Snoozing moves the due date and leaves a receipt in the same row ("Snoozed to Thu 15 Oct") with an Undo in the place of the select; Done strikes the title and offers Undo the same way, so no row jumps between bands under the pointer. When no row is open the foot says "All clear for this week." This digest lists tasks that need you, not events that happened, so it has no read state. Guides rule the bands. For daily digests, reminder emails and task apps.

FAQ

How are the bands chosen?

At load, from each task's ISO due date against one fixed AS_OF (Wed 14 Oct): before it is Overdue, equal is Due today, and up to Sunday is This week. A band is stored on the task and kept, so snoozing or completing a task never moves its row.

What do the snooze options do?

Tomorrow sets the due date to Thu 15 Oct and Next Monday to Mon 19 Oct, both counted from AS_OF. The receipt shows the new day, and Undo puts back the date the task had before the snooze.

Where does focus go?

After Done or Snooze it moves to that row's Undo button, which takes the select's place, and after Undo back to the row's Done button, so keyboard users never lose their place.

What stays local, and how do I make it real?

Nothing is saved or sent, and no reminder is scheduled. Persist from done, snooze and undo, build the digest on your server for each user's own date and time zone, and send it by email or push there.

How does it look on a phone?

Each row stacks its Done button and select under the title and due label, and the bands stack with their counts.