Função
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 - 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. |
Conteúdo | class | Abre a janela de seleção de ícones. |
Ícone | content | Altera o texto do subtítulo. |
Tamanho do ícone | xattr-icon-size | Define o tamanho do ícone em porcentagem. |
Posição | xattr-position | Define a posição do ícone e texto: Esquerda: ícone e depois texto; |
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. |
Nome em inglês
Item Icon
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