[Notification]: Update Actionable notification (Toast style) to have the time-stamp prop

carbon-design-system / carbon-design-kit

A versioned, comprehensive kit of the Carbon Design System visual assets (components, icons, pictograms, text styles, color styles, grid templates).

Apache License 2.0

1.06k stars 154 forks source link

Actionable notification (Toast style)

Actionable notification with the Toast style needs to have an additional string prop / slot to show Time-stamp.

Quick fix:

[ ] Introduce a string (text layer) or a Slot layer in the Actionable notification (styled as Toast)

[ ] Confirm w Figma experts regarding breaking change (if any)

Elaborate fix:

[ ] Revisit the Figma variants for notification, the ideal branching as per current docs should be

Inline (with and without interaction)

Toast (with and without interaction + time-stamp)

Thanks for creating the issue @alina-jacob!

A possible Figma solution could involve initially displaying all layers, including Time stamp and Actionable components. Additionally, users could have the option to toggle these features on or off based on their specific use case. This approach would help reduce variants by combining two variants (time stamp and actionable) into one. (Attaching a video for reference would help illustrate this further.)

https://github.com/carbon-design-system/carbon-design-kit/assets/158570656/69dfb297-a78b-4c43-8d08-f527c7320a25

carbon-design-system / carbon-design-kit

[Notification]: Update Actionable notification (Toast style) to have the time-stamp prop #847

Actionable notification (Toast style)