O Item com ícone é um componente Item com dois subcomponentes: ícone e texto <h2> para o título. Item com ícone se diferencia da Lista com ícone por não precisar estar associada a uma fonte de dados, podendo ser alimentada manualmente.
Figura 1 - Exemplo do componente item com ícone rodando no App
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome
Propriedade
Função
Identificador
id
Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente.
Ícone
class
Abre a janela de seleção de ícones.
Conteúdo
content
Permite editar o texto, ou alimentar o conteúdo por um expressão, bloco de programação e campo da tela ou fonte de dados.
Tamanho do ícone
xattr-icon-size
Define o tamanho do ícone em porcentagem.
Posição
xattr-position
Define a posição do texto: Esquerda ou Direita.
Tema do conteúdo
xattr-theme
Define o tema do texto.
Tema do ícone
xattr-theme
Define o tema do ícone.
Referência
href
Abre uma URL ao clicar no item.
Repetir
crn-repeat
Propriedade que seleciona uma fonte de dados contida na tela e repete o componente baseado no número de itens dessa fonte de dados.