En este articulo encontraras todos los componentes que puedes utilizar en las plantillas desarrolladas por karasu themes. Estos componentes son solo validos con la librería karasu que hemos desarrollado para usar exclusivamente en los diseños de temas y plantillas.

En las plantillas de blogger no se incluye la lista completa de los componentes. Si necesita algún componente en especifico por favor de revisar el repositorio en github.

Botones


básico

<button class='btn'>...</button>
<span class='btn is-color'>...</span>
<a href='' class='btn'>...</a>

Agregar iconos

<button class='btn is-icon'><i class="fas fa-{nombre-icono} m8-{l|r}"></i> ...</button>
<span class='btn is-icon'><i class="fas fa-{nombre-icono} m8-{l|r}"></i> ...</span>
<a href='' class='btn is-icon'><i class="fas fa-{nombre-icono} m8-{l|r}"></i> ...</a>

Spoiler


básico

<div class="collapse">
    <button class="btn collapse-trigger is-icon w100 align-left">...</button>
    <div class="collapse-content ani-mt ani">
        {...}
    </div>
</div>
{...}

Colapsable

<div class="collapse is-collapsible">
    <button class="btn collapse-trigger is-icon w100 align-left">...</button>
    <div class="collapse-content ani-mt ani">
        {...}
    </div>
</div>
{...}

Alertas


básico

<p class="alert">...</p>

Estados

<p class="alert is-red">...</p>
<p class="alert is-green">...</p>
<p class="alert is-blue">...</p>
<p class="alert is-yellow">...</p>