Dialog3 flymodal 1.3.0 update - 리액트용 모달 콤포넌트 리액트 모달 콤포넌트 flymodal 이 1.3.0 으로 업데이트 되었습니다. 주요 업데이트 사항은 아래와 같습니다. - 토스트메세지 offset 옵션 추가 : 토스트메세지를 top, bottom 위치에 출력하는경우 상단, 하단으로 부터 얼마나 떨어져서 출력될지 설정할 수 있습니다. (설정하지 않으면 기본값은 10% 입니다.) - css 명 변경 (사용자 앱과 css 충돌 방지) - ui 처리 성능 개선 간단한 예제는 아래와 같습니다. 토스트 메세지 출력하기import flyModal from 'flymodal';import 'flymodal/dist/flymodal.css';function App() { const showToastMessage = () => { flyModal.showT.. 2026. 9. 8. flymodal 1.2.1 - react 용 modal 콤포넌트 리액트용 모달 콤포넌트 flymodal 이 1.2.1 으로 업데이트 되었습니다.UI는 그대로지만, 호출하는 방법이 간략하게 바뀌었습니다. flymodal 최신 버전 설치npm i flymodal@latest 토스트 메세지 띄우기import flyModal from 'flymodal';import 'flymodal/dist/flymodal.css';const App = () => { const showToast = () => { flyModal.showToast('This is a toast message.'); }; return ( toast.. 2026. 8. 25. react 용 modal 콤포넌트 (ts) - flymodal flymodal * react 용 modal 콤포넌트 (typescript)- 토스트메세지 띄우기- 대화상자 띄우기리액트 상태값, 랜더링 어쩌구 복잡한거 없이 그냥 함수 호출로 간단히 토스트, 다이얼로그 창 띄우기 좋다. * DEMOhttps://flyapps.dev/flymodal/ * npm 링크https://www.npmjs.com/package/flymodal * 설치npm i flymodal* 임포트import flyModal from 'flymodal';import 'flymodal/dist/flymodal.css'; * 토스트 메세지 띄우기const showToast = (pos: 'top' | 'center' | 'bottom' = 'center') => { flyModal.show.. 2026. 8. 4. 이전 1 다음
