Add centered toast message display system #19

New Issue

2026-07-23T21:26:39Z

jfig commented

2026-07-23 21:26:39 +00:00

Implement a reusable message system for displaying short feedback messages to the user.

Requirements:

Display messages at the top center of the viewport.
Use a rounded message box.
Use a green background for normal/informational messages.
Use an orange background for warnings.
Use a red background for errors.
Errors should remain visible for a configurable/set duration before disappearing.
Add a small receding progress indicator, moving from right to left, in a darker tone of the message box color to show the remaining display time.
Ensure the component is readable and usable across the application.

The original request was truncated after “a t”; clarify any additional requirement if needed.

Implement a reusable message system for displaying short feedback messages to the user. Requirements: - Display messages at the top center of the viewport. - Use a rounded message box. - Use a green background for normal/informational messages. - Use an orange background for warnings. - Use a red background for errors. - Errors should remain visible for a configurable/set duration before disappearing. - Add a small receding progress indicator, moving from right to left, in a darker tone of the message box color to show the remaining display time. - Ensure the component is readable and usable across the application. The original request was truncated after “a t”; clarify any additional requirement if needed.

jfig referenced this issue

2026-07-23 21:38:19 +00:00

Add share button to the top-right toolset #21

jfig closed this issue

2026-07-24 08:54:51 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: jfig/xprov#19