DBILITY

react react-toastify 본문

front-end & ui/react

react react-toastify

DBILITY 2023. 6. 9. 10:05
반응형

nextjs에서도 당연히 사용 가능하다.

ToastContainer 콤포넌트를 삽입하고 사용하면 된다. 표시영역인가보다.

<ToastContainer position={"top-right"} limit={5} hideProgressBar={true} newestOnTop={true} closeOnClick={true}/>
.toast_alert {
  background: #ecaa12 !important;
  color: white !important;
  font-weight: bold
}
toast.warning("입력값을 확인하세요", {className: "toast_alert", theme: "colored"});

https://fkhadra.github.io/react-toastify/introduction

 

React-toastify | React-Toastify

[![Financial Contributors on Open Collective](https://opencollective.com/react-toastify/all/badge.svg?label=financial+contributors)](https://opencollective.com/react-toastify) ![Travis (.org)](https://img.shields.io/travis/fkhadra/react-toastify.svg?label=

fkhadra.github.io

 

반응형

'front-end & ui > react' 카테고리의 다른 글

react .env  (0) 2023.06.09
react image src path  (0) 2023.06.09
react redux redux-toolkit  (0) 2023.04.13
react styled component  (0) 2023.04.12
react cors proxy  (0) 2023.03.09
Comments