Image Logo
Função
Molécula que exibe imagem do logotipo do app, como por exemplo na tela de login.
Altura da molécula mantém fixa. Somente largura da molécula que se modifica de acordo com o tamanho do device. Imagem/Logo se acomoda dentro da área delimitada pelos espaços definidos da molécula, mantendo sempre sua proporção original. Imagem se localiza centralizada horizontalmente e verticalmente dentro da molécula.
Estrutura Básica
Espaçamentos
- horizontalMargin, como Margem Lateral
- verticalMargin, como Margens Superior e Inferior.
Átomos
- Átomo ImageBase
Prop-Token Mapping
Props da Molécula
| Prop | Token | Default Value | Use |
|---|---|---|---|
| horizontalMargin | SpacingWide | 64 | 1 |
| verticalMargin | SpacingBase | 8 | 2 |
| imageBaseProps | - | - | - |
ImageBaseProps
| Prop | Token | Default Value |
|---|---|---|
| borderColor | ColorNone | #000000 00% |
| borderRadius | BorderRadiusLogo | 0 |
| borderWidth | BorderWidthLogo | 0 |
| opacity | OpacityLogo | 1 |
| resizeMode | ResizeModeLogo | Cover |
Conteúdo
- Source: uma imagem
Estados
Não possui estados
Responsividade
Conteúdo
Tamanho da Tela
Altura da molécula é fixa. Somente largura da molécula que se modifica de acordo com o tamanho do device.