Barras
Barras
Uma barra nomeia uma coisa em uma única linha: o que é, como se chama, o que a qualifica e o que pertence à extremidade. É uma forma, não uma ligação — uma entidade a alcança através de seu próprio modelo, mas um resultado de busca que é um arquivo, um aplicativo ou uma configuração usa a mesma marcação.
A barra em si
Tudo, exceto o título, é opcional. O espaço inicial recebe um ícone ou qualquer marcação quando um avatar real é necessário; o espaço final recebe uma data, uma etiqueta, uma linha de botões. Dado um link, toda a largura se torna o alvo e o título mantém a cor de onde está.
Uma lista de resultados
A lista traz a moldura, o campo de busca e os separadores; cada linha traz uma barra. Nada aqui é uma entidade — esse é o ponto: a mesma linha serve uma pessoa, um documento, um aplicativo e uma preferência.
Uma lista simples
Quando a moldura já está lá, uma pilha vertical com divisórias é suficiente — sem forma própria, apenas uma linha entre duas linhas.
Uma superfície cada
A outra leitura de uma lista — sem fundo compartilhado e sem linha, cada barra fica em seu próprio bloco com espaço ao redor. Nada novo para estilizar, a barra simplesmente assume as classes do bloco, e dado um link, todo o cartão se torna o alvo.
Constatações
O que uma análise reporta, uma barra cada: a constatação como título, onde está como subtítulo, e o que pode ser feito sobre isso no espaço final — nada ali quando nada pode ser feito aqui. A gravidade é o tom do bloco, que o avatar na parte superior também assume.
Uma lista delas, em Vue
As mesmas linhas lidas de um endpoint em vez de escritas: a lista contém a página, a paginação e o estado vazio, e cada entidade diz o que ler nela — um título, o que a qualifica, um ícone, para onde leva, uma data na extremidade. As leituras acima são suas variantes, `dividida` então `superfícies`.
E mantida atualizada
Uma lista de barras é uma coleção como qualquer outra, então as três maneiras de uma coleção ouvir que o mundo avançou estão abertas a ela: um evento de aplicativo, uma fonte ao vivo, polling. Esta escuta um evento — toque e veja as linhas voltarem. Veja Mantendo atualizado para os três lado a lado.