Mecsa Logo

Moléculas

Una molécula es una unión de dos o más átomos.

Del mismo modo, una molécula en Atomic Design es la unión de diferentes átomos para formar un elemento UI más complejo.

Categorías (Accordion Sidebar)

Menú colapsable utilizado en el sidebar de servicios de producción.

HTML

Grupos de botones

HTML

Paginación

HTML

Card

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
HTML

Formularios

We'll never share your email with anyone else.
HTML

Pestañas (Tabs)

Este es el contenido de la pestaña Home.
Este es el contenido de la pestaña Profile.
Este es el contenido de la pestaña Contact.
HTML

Cards con Imagen

PlaceholderImage
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
PlaceholderImage
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
PlaceholderImage
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
HTML

Listas de Items

  • An item
  • A second item
  • A third item
  • A fourth item
  • And a fifth one
Lista con badges
  • A list item 14
  • A second list item 2
  • A third list item 1
HTML

Paginación Premium

Sistema unificado utilizado en el POS y CMS para navegar entre grandes listados de datos con botones de control.

HTML

Tarjetas KPI (Dashboard)

Tarjetas de métricas para visualización rápida de datos en paneles administrativos.

+12%
Usuarios Activos
1,245
+5%
Ventas Hoy
$2,450.00
HTML

Buscador Premium (Pill)

Input de búsqueda estilizado tipo píldora utilizado en las tablas del POS.

125 registros
HTML

Mensajería (Chat)

Burbujas de chat para sistemas de soporte y comunicación interna.

E
Soporte Mecsa
En línea - Emmanuel J.
Hola 👋, ¿en qué podemos ayudarte hoy? Ahora
Necesito ayuda con mi factura de proyectos. 10:45 AM
Claro, por favor indícame el número de folio. 10:46 AM
HTML

Progreso de Facturación

Visualización del estado de cobro de un proyecto o pedido.

Progreso de Facturación 75%
Faltan $1,250.00 por cobrar
HTML