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

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

@if (tenant()?.footer_logo) {

} @else {

Sin Logo de Footer

}

Colores de Marca

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

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

Danger {{ tenant()?.danger_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) {

}