Phoenix 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
Show slot attributes Hide slot attributes
class :any

html class

 
<:title>
  PhoenixDuskmoon
</:title>
Required body * :slot

Modal content

 
<:body>
  PhoenixDuskmoonb Storybook
  Show Modal
</:body>
footer :slot

Modal footer, buttons
Show slot attributes Hide slot attributes 
<:footer >
  <form method="dialog">
  <button class="btn">
    Cancel
  </button>
  </form>
  <button class="btn">
    OK
  </button>
</:footer>