Modifica di Designbest Core - Componenti riutilizzabili

== Slider Base ==
Un semplice slider che si basa sullo scorrimento orizzontale di due pannelli innestati.

* '''CSS''': Includere <code>"~/css/components/slider-base.min.css"</code>
* '''JS''': Chiamare <code>designbest.sliderBase();</code> di <code>DesignbestCommon</code>

<syntaxhighlight lang="html">
  <script type="module" async="async">
    import { Loader } from "/js/modules/Extensions.min.js";
    import { designbest } from "/js/modules/DesignbestCommon.min.js";

    Loader.domReady(() => {
      designbest.sliderBase();
    });
  </script>
</syntaxhighlight>

Tutti gli elementi con classe <code>.slider-base</code> verranno inizializzati con gli eventi sulle frecce (se presenti)
<syntaxhighlight lang="html">
<div class="slider-base">
  <div class="slider-base-inner">
    <div>...</div> <!-- Elemento 1 -->
    <div>...</div> <!-- Elemento 2 -->
    <div>...</div> <!-- Elemento 3 -->
    <div>...</div> <!-- Elemento 4 -->
  </div>
  <div class="slider-base-left-control">
    &lt;
  </div>
  <div class="slider-base-right-control">
    &gt;
  </div>
</div>
</syntaxhighlight>