Actualmente manejamos 4 breakpoints para layouts adaptables.

Extra Small xs

Mobile (Portrait)

≥ 320 pt

Para especificaciones de diseño te recomendamos diseñar los componentes de flujo en 360 pt y testear en el teléfono que tengas disponible ocupando el componente EssentialView.

Para presentaciones ocupamos la dimensión de ejemplo para Android 412 × 893 pt

Small sm

Mobile (Landscape)

≥ 576 pt

En este breakpoint algunos componentes como DialogView y Modales/Sheets cambian a su presentación flotante, centrada vertical y horizontalmente.

Medium md

Tablet

≥ 768 pt

Large lg ****

Desktop

≥ 1280 pt

<aside> ⚠️

En Omni actualmente el ancho mínimo es 1440 pt para los flujos Non Responsive, esta es una definición legada que se mantiene debido a la extensión del menú actual.

Nuevos desarrollos deben diseñarse desde el breakpoint Extra Small xs para ser compatibles con la futura migración de App a layouts Web. (Manhattan)

</aside>