axonyx-ui 0.0.48

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
17
page Drawer(id = "", side = "right", open = "false", title = "Drawer", description = "")

<div class="ax-drawer" id={id} data-side={side} data-open={open}>
  <div class="ax-drawer__backdrop" data-ax-drawer-close="true"></div>
  <section class="ax-drawer__panel" aria-label={title}>
    <header class="ax-drawer__header">
      <div>
        <strong class="ax-drawer__title">{title}</strong>
        <p class="ax-drawer__description">{description}</p>
      </div>
      <button class="ax-button" data-variant="ghost" type="button" data-ax-drawer-close="true">Close</button>
    </header>
    <div class="ax-drawer__content">
      <Slot />
    </div>
  </section>
</div>