Source code

src/showcase/pages/components/drawer.html

This file is included in this documentation build. It is displayed as code and is not executed.

Download source

<!--
Demonstrate the drawers component on its own lazy route.

@author Laurent Declercq l.declercq@agon-innovation.ch
@version 20260921
-->
<section x-data="componentCatalog" class="component-library">
  <include
    src="partials/components/page-header.html"
    locals='{"title":"componentDrawer"}'
  ></include>
  <div class="catalog-grid">
    <article class="card full">
      <header class="card-header"><h2 x-text="$t('componentDrawer')"></h2></header>
      <div class="card-body">
        <button
          class="btn btn-primary"
          @click="$dispatch('dialog-open', { id: 'catalog-drawer' })"
          x-text="$t('galleryDrawer')"
        ></button>
      </div>
    </article>
    <include
      src="{{ uiRoot }}/drawer.html"
      locals='{"id":"catalog-drawer","title":"galleryDrawerTitle","content":"partials/components/drawer-body.html"}'
    ></include>
  </div>
</section>