Componentes

Botão principal do sistema com 10 variantes visuais, 2 tamanhos e 4 estados.

Campo de texto com 3 variantes, 8 estados e 2 tamanhos.

Seletor com chevron, 2 tamanhos e 3 estados. Abre um floating menu com opções.

Input dividido com chevron de seleção integrado. Altura fixa de 24px.

Caixa de seleção com estado indeterminado (mixed).

Botão de seleção única. Duas variantes: Input (circular) e Button (retangular).

Toggle on/off/mixed. Track de 32×16px com knob de 14px.

Controle de abas compacto. De 2 a 6 tabs. Container arredondado com radius 64px.

Balão de ajuda contextual. 8 direções de posicionamento.

Labels de campo para inputs e controles de formulário.

Combo input com label integrado. Usado em formulários de configuração de ordens.

Linha de seleção de cor para painéis de configuração de gráficos.

Modal com footer Standard ou Destructive. Suporta abas opcionais. 480px de largura.

Painel de notificações do sistema.

Modal de confirmação de ordens executadas. Exibe detalhes da operação.

Painel de configuração de Take Profit e Stop Loss.

Header interno de janela da plataforma de trading. Contém abas e ações.

Barra superior global de 1920×46px.

Header principal da plataforma desktop e do app launcher.

Barra de abas horizontal. Aba ativa com fundo surface.secondary.

Ícone de sidebar com 3 estados: Default, Hover e Active.

Item de sub-menu com estados Default, Hover e Pressed.

Menu lateral completo da plataforma de trading. 48px de largura, 5 variantes.

Link padrão e ativo. 24×24px.

Container de janela flutuante completa da plataforma de trading.

Menu flutuante de itens abertos.

Seletor de cor flutuante.

Seletor de mercados/ativos flutuante.

Menu de mais opções (…) horizontal.

Painel de gerenciamento de conexões.

Painel de configurações rápidas.

Seletor de tipo de gráfico (candle, linha, etc).

Seletor de layouts de gráfico.

Seletor de indicadores técnicos.

Menu contextual da boleta de ordens.

Seletor de ativo/instrumento financeiro.

Configuração rápida de TP/SL.

Opções de ordem.

Opções de posição aberta.

Área principal do gráfico de preços com candlesticks. Integra floating menus.

Painel de entrada de ordens com campos de compra e venda.

Exibição do volume negociado em histograma.

Lista de ordens abertas e executadas. Usa DataTable + DataTableRow.

Linha de resultado do dia.

Dropdown de resultado do dia com variantes positivo/negativo.

Lista de itens da plataforma.

Tabela de dados da plataforma de trading.

Linha da DataTable.

Linha do grid de saída de posições.

Header de seção dentro de painéis de trading.

Container genérico de painel.

Agrupador de múltiplos painéis.

Painel de configuração geral do gráfico.

Painel de configuração de estratégias.

Configuração visual de trade no gráfico.

Configuração de cores do painel.

Painel de propriedades do instrumento.

Configuração de cores do livro de ordens.

Configuração da legenda do gráfico.

Interface de chat com assistente IA integrado à plataforma de trading.

Painel copiloto que analisa e sugere ações de trading em tempo real.

Exibe cotações em tempo real dos ativos. Coluna 1 da plataforma (358px).

Feed de notícias do mercado financeiro.

Componente placeholder genérico para áreas em desenvolvimento.