axonyx-ui 0.0.32

Foundry CSS, JavaScript helpers, and Axonyx-native .ax components for Axonyx UI.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

component Dialog(id = "dialog", title = "Dialog", open = false)

<div class="ax-dialog" id={id} data-open={open} role="dialog" aria-modal="true">
  <div class="ax-dialog__backdrop" data-ax-dialog-close></div>

  <section class="ax-dialog__panel">
    <header class="ax-dialog__header">
      <strong class="ax-dialog__title">{title}</strong>
      <button class="ax-dialog__close" type="button" aria-label="Close dialog" data-ax-dialog-close>×</button>
    </header>

    <div class="ax-dialog__content">
      <Slot />
    </div>
  </section>
</div>