Duskmoon UI Storybook

Modal

PhoenixDuskmoon
PhoenixDuskmoonb Storybook Show Modal
Attribute Type Documentation Default Value
id :any Modal id
class :any Modal class ""
hide_close :boolean Hide top right close button false
trigger :slot Modal trigger 
<:trigger :let={f}>
  <button class="btn btn-secondary" onclick={"document.getElementById('#{f}').showModal()"}>Open</button>
</:trigger>
title :slot Modal title 
<:title>
  PhoenixDuskmoon
</:title>
Required body * :slot Modal content 
<:body>
  PhoenixDuskmoonb Storybook
  Show Modal
</:body>
footer :slot Modal footer, buttons 
<:footer >
  <form method="dialog">
  <button class="btn">
    Cancel
  </button>
  </form>
  <button class="btn">
    OK
  </button>
</:footer>