dev
전체 보기
javascript
server
pages-keywords dev
react 용 modal 콤포넌트 (ts) - flymodal

flymodal

* react 용 modal 콤포넌트 (typescript)

- 토스트메세지 띄우기

- 대화상자 띄우기


* DEMO & Docs

https://flyapps.dev/flymodal/


* npm 링크

https://www.npmjs.com/package/flymodal


* 설치

  1. npm i flymodal


* 임포트

  1. import flyModal from 'flymodal';
  2. import 'flymodal/dist/flymodal.css';


* 간편 토스트 메세지 띄우기

  1. const showToast = () => {
  2. flyModal.showToast('This is a toast message.');
  3. };


* 간편 다이얼로그 띄우기

  1. const showDialog = () => {
  2. flyModal.showDialog({
  3. title: 'dialog title',
  4. content: 'dialog content | multi line,
  5. buttonList: [
  6. {
  7. label: 'cancel',
  8. onClick: () => {
  9. console.log('cancel');
  10. flyModal.closeDialog();
  11. },
  12. },
  13. {
  14. label: 'ok',
  15. onClick: () => {
  16. console.log('ok');
  17. flyModal.closeDialog();
  18. },
  19. isDefault: true,
  20. },
  21. ],
  22. });
  23. };


* 테스트 영상



react
modal
dialog
toast
toast message
popup
npm
09.10 17:31212
댓글 (0)
등록된 댓글이 없습니다.