Modal

1<rasm:button @click="$dispatch('openmodal', {modal: 'default-modal'})" variant="outline">Open Modal</rasm:button>
2
3<rasm:modal name="default-modal" title="Modal Title">
4    <div class="p-4 text-sm">
5        Modal Content
6    </div>
7</rasm:modal>

1<rasm:button @click="$dispatch('openmodal', {modal: 'small-modal'})" variant="outline">Small Modal with options</rasm:button>
2
3<rasm:modal name="small-modal" size="sm" title="Small modal" :close="false" :escape="false">
4    <div class="p-4 text-sm">
5        This is a small modal 
6
7        <rasm:button @click="$dispatch('closemodal', {modal: 'small-modal'})" icon="x" variant="outline">Close me</rasm:button>
8    </div>
9</rasm:modal>