Componentes

Lista de componentes para usar en nuestras plantillas

Recursos que te pueden ayudar

code Lista de componentes disponibles description Estilos de contenido help ¿Necesitas ayuda?

AVISO: la lista debe ser actualizada con la nueva versión por lo cual pueden haber errores en algunos componentes.

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>