JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<div id="box" >Ваш товар добавлен в корзину</div>

<a href="#" id="link"  >
Купить Тест</a>

CSS

#box{
  position:absolute;
  top:0;
  right:0;
  padding:20px;
  background:blue;
  border-radius:10px;
  color:white;
}

JavaScript

$('#box').hide();
$('#link').click(function(){
		$('#box').show();
    setTimeout(function(){$('#box').fadeOut('fast')},3000);  //30000 = 30 секунд
});