Paleta Velzon

Page header e breadcrumb

Exemplo de página

Primitives

Elementos visuais fundamentais e ações simples.

Ícones
Botões por aparência
Tamanhos, formato e posição do ícone
Badges
Solid Soft Outline Gradient Soft border Label Pill
Avatar e imagens
Usuário demonstrativo CB Logo CofreXML
List group
Item ativo Item com link
Item desabilitado

Feedback

Processamento de exemplo 65%
Importação listrada 72%
Processamento gradient 48%

Estado vazio

Nenhum item encontrado

Os resultados aparecerão aqui quando estiverem disponíveis.

Estados visuais padrão

Referência visual para os estados normal, loading, empty, error, disabled e read-only.

Normal
Conteúdo disponível

Dados carregados e ações liberadas.

Loading
Carregando conteúdo

Aguarde a conclusão da operação.

Spinner
Carregando dados Processando
Skeleton
Empty
Nenhum resultado

A consulta foi concluída sem registros.

Error
Disabled
Read-only

Formulários

Formato de exportação
Até 200 caracteres.
Informe um valor válido.
Informe um valor válido.

Componentes interativos

Esta área receberá modais, dropdowns, tabs, accordions e outros componentes Bootstrap.

Conteúdo resumido controlado pelo Bootstrap.
Conteúdo detalhado alimentado pelo Blazor.

Conteúdo inicial visível, com exclusividade controlada pelo Bootstrap.

Conteúdo expandido sob demanda.
Collapse independente, também controlado pelo Bootstrap.

Exibição de dados

Componente Família Status
VelzonButton Primitives Disponível
VelzonAlert Feedback Disponível
VelzonInput Forms Em evolução
VelzonTable DataDisplay Em evolução
VelzonApexChart Plugins Planejado
Plugins JavaScript

ApexCharts, Flatpickr, Choices.js e outros wrappers serão adicionados em suas respectivas etapas.

Planejado
Widgets reutilizáveis

KPIs, timelines, atividades e cards de gráfico serão compostos sobre a paleta estabilizada.

Planejado
Painel de filtros

Conteúdo alimentado pelo Blazor dentro do painel Velzon.