search

michelada / design_system

Design System running Tailwind underneath, by michelada.io for everyone.
https://michelada.github.io/design_system/site/
Apache License 2.0
1 stars 0 forks source link

Component - notification messages - desktop and mobile #32

Open sandrely2611-zz opened 2 years ago

sandrely2611-zz commented 2 years ago

For the DS, we require the following component: notification messages for desktop and mobile versions.

Narrative

Add the notification messages component to the CSS library for desktop and mobile versions.

There are 2 variants to show this component:

  1. Align to the left: image + title + description + close CTA (fixed top right)
  2. Align to the center: image + title + description + close CTA (fixed top right)

1 Variant Group 1615

2 Variant Group 1732

Figma

https://www.figma.com/file/c1SBfQGUU3twlW3YjeL8Sx/michelada_DS?node-id=1269%3A1620

Definition of done

  1. Code review
  2. Approved by designer
  3. publish the component in the npm public library.

Acceptance criteria

  1. Add the notification messages component for both versions.