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
- Exemplo:
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