Cover
Função
Molécula que exibe uma imagem de capa para uma página, um evento ou detalhe de um elemento de lista.
Estrutura Básica
Átomos
- Átomo ImageBase
Prop-Token Mapping
Props da Molécula
| Prop | Token | Default Value | Use |
|---|---|---|---|
| imageBaseProps | - | - | 1 |
ImageBaseProps
| Prop | Token | Default Value |
|---|---|---|
| borderColor | ColorNone | #000000 00% |
| borderRadius | BorderRadiusLogo | 0 |
| borderWidth | BorderWidthLogo | 0 |
| opacity | OpacityCover | 1 |
| resizeMode | ResizeModeCover | Cover |
| imageProportion | ProportionCover | 12:5 |
Conteúdo
- Source: uma imagem
Estados
Não possui estados.
Reações
Conteúdo
A imagem fica centralizada dentro da área de exibição desta, respeitando a proporção indicada no Token ProportionCover.
Tamanho da Tela
As dimensões da molécula se modificam, mantendo a proporção. A altura da molécula se reduz proporcionalmente à largura da tela.