Pular para o conteúdo principal

Nomenclatura de Componentes


Capitalização

  • Nomes compostos seguem o padrão camelCase.
  • A primeira letra é minúscula e cada nova palavra começa com letra maiúscula.
    • Exemplo: defaultCard

Para nomenclatura completa, os espaços são substituídos por ponto (.) e todas as letras ficam minúsculas.

Observação: A notação pode variar de acordo com a plataforma.


Estrutura de Nomenclatura

O padrão segue a seguinte ordem:

[abreviação do nome do ds].[grupo a que pertence o componente].[indicação se é um componente(component) ou um elemento(element)].[nome do componente]

  • [abreviação do DS]: Identificação do design system.
  • [grupo]: Agrupamento do componente (ex.: card, form, button).
  • [tipo]: Indicação se é um component ou element.
  • [nome]: Nome específico do item.

Exemplos

Componente de Card padrão

opl.card.component.defaultCard

Título dentro do Card

opl.card.element.title