Syncfusion JavaScript UI Layout and Design Controls

SyncfusionLayout da UI e Controles de DesignJavaScript

Componentes de layout e design para estruturar interfaces de aplicações JavaScript.

  • Organiza painéis usando componentes configuráveis de dashboard e layout dividido.
  • Agrupa e apresenta conteúdo com cards, listas e identidade visual.
  • Exibe conteúdo contextual usando sobreposições e dicas de UI em linha.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion JavaScript UI Layout and Design Controls
Syncfusion JavaScript UI Layout and Design Controls é uma coleção de componentes para organizar a estrutura da página e apresentar conteúdo em aplicações JavaScript. Ela oferece suporte a layouts baseados em painéis, regiões redimensionáveis, agrupamento de conteúdo, apresentação em lista e sobreposições contextuais, ajudando desenvolvedores a criar composições de UI claras que permanecem consistentes à medida que as telas e o conteúdo mudam.

Layout de Painel do Dashboard

Fornece um componente de layout no estilo dashboard para organizar painéis dentro de uma grade. Ele oferece suporte à colocação de painéis em posições definidas e ao gerenciamento do layout dos painéis em uma única visualização, tornando-o adequado para criar espaços de trabalho configuráveis e telas com grande densidade de informações.

Regiões Divididas Redimensionáveis

Inclui um componente splitter que divide o espaço disponível em várias regiões. Ele permite que os usuários redimensionem painéis, ajudando as aplicações a apresentar áreas de conteúdo lado a lado, como navegação e detalhes, ou espaços de trabalho com vários painéis.

Agrupamento de Conteúdo Baseado em Card

Oferece um componente card para agrupar conteúdo relacionado em um contêiner estruturado. Ele ajuda a estabelecer hierarquia visual, separar seções em uma página e apresentar blocos de conteúdo de forma consistente entre visualizações.

Contêineres de Conteúdo em Sobreposição

Fornece um componente dialog para apresentar conteúdo em uma sobreposição. Ele oferece suporte à exibição de conteúdo suplementar, confirmações ou visualizações focadas sem alterar o layout subjacente da página.

Apresentação Estruturada de Lista

Inclui um componente list view para apresentar coleções de itens em um layout consistente. Ele ajuda a renderizar linhas de conteúdo repetíveis, oferece suporte à apresentação de itens por template e mantém as listas legíveis em interfaces complexas.

Dicas de UI Contextuais

Oferece um componente tooltip para exibir informações contextuais próximas aos elementos de UI. Ele ajuda a comunicar significado e uso sem adicionar conteúdo permanente à tela, o que pode manter os layouts limpos e mais fáceis de examinar.

Elementos de Identidade Visual

Fornece um componente avatar para exibir recursos visuais de identidade, como imagens ou iniciais. Ele oferece suporte à colocação consistente de representações de usuário ou entidade em cabeçalhos, listas e áreas de conteúdo agrupado.

Layout Sequencial de Conteúdo

Inclui um componente timeline para apresentar itens em uma estrutura sequencial. Ele ajuda a exibir eventos ou etapas ordenados em um fluxo visual claro, oferecendo suporte a layouts em que cronologia ou progresso são importantes.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • JavaScript vanilla