Syncfusion JavaScript UI Layout and Design Controls

SyncfusionControles de diseño y disposición de la interfaz de usuarioJavaScript

Componentes de diseño y estructura para organizar interfaces de aplicaciones JavaScript.

  • Organiza paneles mediante componentes configurables de panel de control y diseño dividido.
  • Agrupa y presenta contenido con tarjetas, listas e identidad visual.
  • Muestra contenido contextual mediante superposiciones y sugerencias de UI en línea.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion JavaScript UI Layout and Design Controls
Syncfusion JavaScript UI Layout and Design Controls es una colección de componentes para organizar la estructura de las páginas y presentar contenido en aplicaciones JavaScript. Admite diseños basados en paneles, regiones redimensionables, agrupación de contenido, presentación en listas y superposiciones contextuales, lo que ayuda a los desarrolladores a crear composiciones de UI claras que se mantienen coherentes a medida que cambian las pantallas y el contenido.

Diseño de paneles para panel de control

Proporciona un componente de diseño al estilo de panel de control para organizar paneles dentro de una cuadrícula. Admite la colocación de paneles en posiciones definidas y la gestión del diseño de paneles dentro de una sola vista, lo que lo hace adecuado para crear espacios de trabajo configurables y pantallas con gran densidad de información.

Regiones divididas redimensionables

Incluye un componente splitter que divide el espacio disponible en varias regiones. Permite a los usuarios redimensionar paneles, lo que ayuda a las aplicaciones a presentar áreas de contenido lado a lado, como vistas de navegación y detalle o espacios de trabajo de varios paneles.

Agrupación de contenido basada en tarjetas

Ofrece un componente card para agrupar contenido relacionado en un contenedor estructurado. Ayuda a establecer jerarquía visual, separar secciones en una página y presentar bloques de contenido de forma coherente entre vistas.

Contenedores de contenido superpuesto

Proporciona un componente dialog para presentar contenido en una superposición. Admite la visualización de contenido complementario, confirmaciones o vistas enfocadas sin cambiar el diseño subyacente de la página.

Presentación estructurada de listas

Incluye un componente list view para presentar colecciones de elementos en un diseño coherente. Ayuda a mostrar filas de contenido repetibles, admite la presentación de elementos mediante plantillas y mantiene las listas legibles dentro de interfaces complejas.

Sugerencias contextuales de UI

Ofrece un componente tooltip para mostrar información contextual cerca de los elementos de la UI. Ayuda a comunicar significado y uso sin añadir contenido permanente en pantalla, lo que puede mantener los diseños limpios y más fáciles de examinar.

Elementos de identidad visual

Proporciona un componente avatar para mostrar elementos visuales de identidad, como imágenes o iniciales. Admite una ubicación coherente de la representación del usuario o de la entidad dentro de encabezados, listas y áreas de contenido agrupado.

Diseño secuencial de contenido

Incluye un componente timeline para presentar elementos en una estructura secuencial. Ayuda a mostrar eventos o pasos ordenados en un flujo visual claro, y admite diseños en los que la cronología o el progreso son importantes.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • JavaScript vanilla