Prog. Front End - Regras de Estado

has-loading

is-loading

btn-loading

loading-btn

Estado do elemento

Ação do elemento

Tipo de elemento

Pertencimento do elemento

Estado do elemento

Pertencimento do elemento

Tipo de elemento

Ação do elemento

Adicionando a classe 'no-img' e 'with-img'

Adicionando a classe 'has-img' e 'no-img'

Adicionando a classe 'img' e 'no-img'

Adicionando a classe 'img' e 'with-img'

Fica com 100% de largura

Fica com 50% de largura

Fica com 40% de largura

Fica com 70% de largura

20%

25%

28%

30%

30%

25%

20%

28%

40%

50%

60%

70%

Diminuir a complexidade

Diminuir o risco

Aumentar o risco

Diminuir a qualidade

Para aumentar o risco do projeto

Para diminuir a qualidade dos artefatos

Para aumentar a complexidade dos artefatos

Para diminuir o risco do projeto