prep-popup

Cái này là Prep Popup UI

Cài đặt

hoặc

Cách dùng trong Vue Sử dụng PrepPopup Component Global Tại main.js

import popup style, tailwindCSS requirement

hoặc trong postcss

Tại view component thêm thẻ <PrepPopup name="test-name"></PrepPopup>

Sử dụng PrepPopup trong local component thì cần import với lệnh sau

Các phương thức hỗ trợ: Các phương thưc của plugins được truy cập thông qua đối tượng

Để mở popup trong composition api sử dụng lệnh

Trong options API sử dụng lệnh

Để đóng popup trong composition api sử dụng lệnh

Trong options API sử dụng lệnh

Để đóng toàn bộ popup sử dụng lênh this.$prepPopup.closeAll() hoặc usePrepPopup().closeAll()

Danh sách các props

Các props có thể truyền qua component trong template hoặc truyền trực tiếp khi gọi lệnh open thông qua tham số options

Các custom slot

<slot></slot> -> main content
<slot name="title"></slot> -> title
<slot name="footer"></slot> ->footer
<slot name="icon"></slot> -> icon
<slot name="primaryButton"></slot> ->primary button
<slot name="secondaryButton"></slot> -> secondary button