modal
Utility for creating modal components.
List of properties and components
Class |
---|
v-modal |
v-modal-dark |
v-modal-light |
v-modal-danger |
v-modal-info |
v-modal-primary |
v-modal-secondary |
v-modal-smooth |
v-modal-warning |
v-modal-green |
v-modal (medium)
<button class="v-btn v-btn-modal">Click to see modal</button>
<div class="v-modal-primary modal v-font-poppins">
<div class="v-modal-content">
<div class="v-modal-head">
<h2>v-modal</h2>
<span class="v-close"></span>
</div>
<div class="v-modal-body">
<!-- content -->
</div>
</div>
</div>
various options for the modal component
v-modal (large)
<button class="v-btn v-btn-modal">Click to see modal</button>
<div class="v-modal-warning modal v-font-poppins">
<div class="v-modal-content-lg">
<div class="v-modal-head">
<h2>v-modal</h2>
<span class="v-close"></span>
</div>
<div class="v-modal-body">
<!-- content -->
</div>
</div>
</div>
various options for the modal component