Eletro Design System EletroDSGuide

Layout e estrutura

Chassis das principais telas do ME — regras de composição, hierarquia de zonas e anatomia por tipo de tela.
Chassi (MeLayout)
O shell comum a todas as telas — slots, regras transversais e qual slot cada tela usa.
Estrutura de Index
Anatomia das telas de listagem — subheader, filter bar, tabela e hierarquia de CTAs.
Estrutura de Documento
Chassis das telas de documento — forehead, abas, corpo e ações por status.
Dashboard
Grid de widgets, tipos de chart, KPI cards e filtros globais.
Config gerais
Chassi das telas de configuração — sidebar de seções, conteúdo por seção e edição via modal (sem submit).
Login e cadastro de usuários
Telas de acesso (fora do chassi) — login e os cadastros de comprador e fornecedor.
Transversais
Genius, Chat de mensagem e Carrinho — componentes com presença global no produto.
CRUDs
Como criar, ler, editar e excluir de forma consistente entre entidades (transações, fornecedores, produtos, usuários).