PhoenixDuskmoon.Component.Modal (PhoenixDuskmoon v7.2.1)
View SourceDuskmoon UI Modal Component
Summary
Functions
Open ad dialog modal.
Functions
Open ad dialog modal.
Examples
<.dm_modal>
<:trigger :let={dialog_id}>
<button onclick={"#{dialog_id}.showModal()"}>Open</button>
</:trigger>
<:title>PhoenixDuskmoon</:title>
<:body>PhoenixDuskmoon Storybook</:body>
</.dm_modal>Attributes
id(:any) - Modal id.class(:any) - Modal class. Defaults to"".hide_close(:boolean) - Hide top right close button. Defaults tofalse.position(:string) - Modal position (top, middle, bottom). Defaults tonil.backdrop(:boolean) - Apply backdrop blur effect. Defaults tofalse.size(:string) - Modal size (tiny, small, medium, large, huge). Defaults tonil.responsive(:boolean) - Make modal responsive. Defaults tofalse.
Slots
trigger- Modal trigger.title- Modal title. Accepts attributes:class(:any) - html class.
body(required) - Modal content.footer- Modal footer, buttons. Accepts attributes:class(:any) - html class.