Função
O Item com avatar é um componente Item com três subcomponentes: imagem, texto <h2> para o título e texto <h3> para o subtítulo. Item com avatar se diferencia da Lista com avatar por não precisar estar associada a uma fonte de dados, podendo ser alimentada manualmente.
Além do componente Item com avatar, o Cronapp também possui o Item com imagem, sendo que o primeiro a imagem recebe um contorno arredondado e o segundo, quadrado.
Figura 1 - Item com os componentes Imagem e botão
Principais propriedades
Na tabela abaixo estão descritos as principais propriedades (Figura 2) para o funcionamento básico do componente.
Nome | Propriedade | Função |
|---|---|---|
Identificador | id | Gera um ID automaticamente para o componente, mas que pode ser alterado. |
Título | content | Altera o texto do título. |
Subtítulo | content | Altera o texto do subtítulo. |
Origem | src | Endereço da imagem, podendo ser local ou uma url externa. |
xattr-text-position | xattr-text-position | Define a posição do título e subtítulo, alinhando à direita, esquerda ou centro. |
Posição | xattr-position | Define a posição do avatar e títulos: Esquerda: avatar e depois títulos; |
Tema do Título | xattr-theme | Define o tema do título. |
Tema do Subtítulo | xattr-theme | Define o tema do subtítulo. |
Referência | href | Abre uma URL ao clicar no item. |
Nome em inglês
Avatar Item
Nessa página
Compatibilidade
Formulário mobile
Equivalente web / mobile
O link será adicionado no final, após todos os componentes criados.
Botão do Componente
Imagem no Editor Visual