Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
O componente Lista Ordenada é capaz de agrupar dois tipos de listas, são elas: Numéricas e Ordenadas.
Figura 1 - Lista ordenada rodando na web
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
---|---|---|
Tipo de lista | list-type | Seleciona o tipo de lista, podendo escolher entre Númerica e Não Ordenada. |
Valor do atributo numerado | attribute-value | Exibe os tipos de valores numéricos da lista, podendo ser: Numeração (1,2,3), letra minúscula (a,b,c), letra maiúscula (A,B,C), números romanos (I, II, III) números romanos minúsculos (i, ii, iii), |
Identificador | ordered-attribute-value | Exibe os tipos de valores para a lista Não Ordenada, podendo ser: Circulo vazio, circulo preenchido ou quadrado |
Classe CSS | style | Adiciona classes CSS que já foram criadas. |
Itens | - | Exibe os rótulos dos itens da lista, é possível excluir um item clicando no ícone da lixeira. |
Adicionar/Remover item
Para adicionar ou remover algum item da lista ordenada, siga os passos da figura 2.
Image Added
Figura 2 - Adicionando e removendo itens da lista ordenada.
- Selecione o componente ou o elemento do DOM (cron-ordered-list#);
- Para adicionar um item à lista, clique no ícone +;
- Para remover um item da lista, clique no ícone da lixeira.
Adicionando sublistas na lista ordenada
Para adicionar uma sublista na lista ordenada, selecione o componente Lista ordenada e arraste-o para a primeira lista ordenada que colocamos na view (figura 2).
Nome em inglês
Video
Nessa página
Índice |
---|
Compatibilidade
Formulário mobile
Equivalente web
Não possui.
Botão do componente
Imagem no editor visual