Componentes reutilizables

Button + Input

Pagina dedicada a probar variantes de los componentes compartidos.

Comunes

Primary

Secondary

Danger

Danger secondary

Cancel

Disabled

Primary

Secondary

Danger

Danger secondary

Cancel

Una letra

A

B

C

D

E

Toasts

Trigger Info

Trigger Success

Trigger Danger

Toasts Persistentes (No se van)

Info Persistente

Success Persistente

Danger Persistente

Texto

Numero

Email

Usuario

Password

Fecha

Periodo

Moneda

Porcentaje

Deshabilitado

Editable

Invalido

Archivo

Limpiar archivo

Paginator

Componente shared para navegar por paginas con primera, anterior, siguiente y ultima.

Tenant Configuration

Configuración Tenant

Logo del Header

@if (tenant()?.header_logo) {

} @else {

Sin Logo de Header

}

Logo del Footer

Colores de Marca

Primario {{ tenant()?.primary_color || 'Default' }}

Secundario {{ tenant()?.secondary_color || 'Default' }}

Danger {{ tenant()?.danger_color || 'Default' }}

Success {{ tenant()?.success_color || 'Default' }}

Header BG {{ tenant()?.header_bg_color || 'Default' }}

Footer BG {{ tenant()?.footer_bg_color || 'Default' }}

Reusable Component

Tarjetas de Producto (ProductCard)

Las tarjetas se adaptan al tamaño del contenedor padre. A continuación se presentan dentro de una grilla de Bootstrap.

@for (product of testProducts; track product.title) {

}