Princípios

Como o time do ME toma decisões de design e implementação com EletroDS e Nuxt UI.

Visão geral

O ME Design Guide documenta como o time constrói interfaces do ME usando EletroDS, Nuxt UI e tokens do Foundations. Toda decisão visual ou de interação deve ser rastreável a um padrão aqui documentado.

Antes de implementar UI, consulte knowledge/standards/ na raiz do workspace ME e as skills skill-foundations-design-me e skill-components-design-me.

Hierarquia de componentes

Sempre nesta ordem:

  1. EletroDS internos~/components/eds/
  2. Nuxt UI — prefixo U (UButton, UInput, UTable…)
  3. Vue puro — somente se não existir nas libs acima
Nunca crie componentes do zero se já existem no EletroDS ou Nuxt UI.
Veja tambémComo usar