Páginas filhas
  • Lista de informações com ações e imagens

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

O widget é um componente versátil que indicado para este tipo de lista, pois possibilita a inclusão de imagens, ações, tags, gráficos, textos. Além disso, é possível incluir link e botões para abrir outras páginas.

Abaixo segue o modelo de lista com textos e ação de editar e ver detalhes.

As ações aqui podem ser feitas
  • As ações neste exemplo podem ser realizadas em massa,
para isso
  • utilizando o checkbox no card para
selecionar
  • seleção e um botão de ação localizado acima.
  • No widget
o ver detalhes
  • , as ações (que no exemplo baixo foi o 'Ver Detalhes') abre uma nova página
, logo seu uso é indicado para quando houver muitas informações.
  • ou modal, sendo recomendado especialmente quando há uma quantidade significativa de informações a serem exibidas.


Template de lista com textos e ações de editar e ver detalhes:


Image Modified

*

as ações

As ações de "ver detalhes e edição" são exemplos de utilização, podendo ser substituídas conforme

a necessidade

necessário.


Aqui temos um exemplo de widget

Template de lista com imagem e ação

.

:

Image Modified

*

o produto é

O produto e a ação de compra representam um exemplo de

uso de imagem

utilização, podendo ser

substituído

substituídos conforme

a necessidade

necessário.

Arquivo

do

template

O arquivo do template está no figma, para editá-lo é:Necessário que tenha disponível no Figma e pode ser editado da seguinte forma:

  1. É necessário ter uma conta cadastrada.
  2. O conteúdo do link deve ser copiado e colado no novo arquivo, ou pode ser salvo localmente.

Button
Textotemplate figma
Linkhttps://www.figma.com/file/zDYIL4gt5fDnrSxDAub4bl/Padr%C3%A3o---mobile-2?type=design&node-id=1106%3A6765&mode=design&t=4WopIucUU4icY3CB-1