그리드(ninegrid) 컴포넌트 중 alert confirm 기능 소개입니다
ninegrid 컴포넌트 중에 confirm, alert 팝업 창 소개입니다.
ninegrid의 모든 컴포넌트는 shadowDOM으로 캡슐화되어 있어서, 기존 화면 디자인과 충돌이 일어나지 않습니다. 편히 사용하세요.
confirm, alert 기능은 그리드를 사용하지 않아도 됩니다.
설치부터 하시고,
CDN
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/ninegrid@0.12.1/ninegrid.min.js"></script>
또는
NPM
npm install jquery
npm install ninegrid
import ninegrid from ‘ninegrid'
아래 소스 참고해서 confirm, alert 사용하시면 됩니다.
Sample Source (confirm)
save = () => {
ninegrid.confirm("First message").then(result => {
if (result) {
// user code...
}
});
};
save = async () => {
let result = await ninegrid.confirm("First message");
if (result) {
// user code...
}
};
Sample Source (alert)
saved = () => {
ninegrid.alert("First message").then(() => {
// user code...
});
};
saved = async () => {
await ninegrid.alert("First message", "title", {"class": "classic", "animation": "run", });
// user code...
};
관련 링크
