<commit_before>---
title: Listas
description: Descrição e listagem de informações
type: component
---

<%= partial 'partials/doc-menu-components'%>

<section class="col-md-9">


  <%= partial 'partials/doc-intro-content' %>


    <p>
      Informações de utilização <br>
      A lista é utilizada para localizar um dado específico a ser gerenciado. O destino pode ser uma página interna ou outro painel.
    </p>

  <div class="row">
    <div class="col-md-7">
      <div class="ls-box">
        <h2 class="ls-title-5">Quando <strong>usar?</strong></h2>
        <p>- Há necessidade de acesso a outro painel ou página interna.</p>
        <p>- Há necessidade de exibir um resumo das informações sem colunas.</p>
      </div>
    </div>
    <div class="col-md-5">
      <div class="ls-box">
        <h2 class="ls-title-5">Quando <strong>não</strong> usar?</h2>
        <p>- Os dados apresentados sejam comparáveis.</p>
        <p>- Há necessidade de ordenação de colunas.</p>
      </div>
    </div>
  </div>


  <h2 class="doc-title-3">Lista com identificador simples</h2>
  <p>O identificador deve ter a mesma ação do botão principal.</p>
  <div class="ls-box-demo">

    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists-simple' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" src="<%= base_url %>/documentacao/shared/lists/lists-simple-mobile" frameborder="0"></iframe>


  </div>
  <% code("html") do %>
<%= partial 'documentacao/shared/lists/lists-simple' %>
  <% end %>

  <h2 class="doc-title-3">Lista com informações secundárias e ação principal</h2>
  <p>O identificador deve ter a mesma ação do botão principal.</p>
  <div class="ls-box-demo">
    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" height="1000" src="<%= base_url %>/documentacao/shared/lists/lists-mobile" frameborder="0"></iframe>
  </div>
  <% code("html") do %><%= partial 'documentacao/shared/lists/lists' %><% end %>



  <h2 class="doc-title-3">Lista com botão múltiplo</h2>
  <p>O identificador não deve ter link.</p>
  <div class="ls-box-demo">
    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists-actions' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" height="900" src="<%= base_url %>/documentacao/shared/lists/lists-actions-mobile" frameborder="0"></iframe>
  </div>
  <% code("html") do %><%= partial 'documentacao/shared/lists/lists-actions' %><% end %>


</section><commit_msg>fixing height in the iframe lists<commit_after>---
title: Listas
description: Descrição e listagem de informações
type: component
---

<%= partial 'partials/doc-menu-components'%>

<section class="col-md-9">


  <%= partial 'partials/doc-intro-content' %>


    <p>
      Informações de utilização <br>
      A lista é utilizada para localizar um dado específico a ser gerenciado. O destino pode ser uma página interna ou outro painel.
    </p>

  <div class="row">
    <div class="col-md-7">
      <div class="ls-box">
        <h2 class="ls-title-5">Quando <strong>usar?</strong></h2>
        <p>- Há necessidade de acesso a outro painel ou página interna.</p>
        <p>- Há necessidade de exibir um resumo das informações sem colunas.</p>
      </div>
    </div>
    <div class="col-md-5">
      <div class="ls-box">
        <h2 class="ls-title-5">Quando <strong>não</strong> usar?</h2>
        <p>- Os dados apresentados sejam comparáveis.</p>
        <p>- Há necessidade de ordenação de colunas.</p>
      </div>
    </div>
  </div>


  <h2 class="doc-title-3">Lista com identificador simples</h2>
  <p>O identificador deve ter a mesma ação do botão principal.</p>
  <div class="ls-box-demo">

    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists-simple' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" src="<%= base_url %>/documentacao/shared/lists/lists-simple-mobile" frameborder="0"></iframe>


  </div>
  <% code("html") do %>
<%= partial 'documentacao/shared/lists/lists-simple' %>
  <% end %>

  <h2 class="doc-title-3">Lista com informações secundárias e ação principal</h2>
  <p>O identificador deve ter a mesma ação do botão principal.</p>
  <div class="ls-box-demo">
    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" height="910" src="<%= base_url %>/documentacao/shared/lists/lists-mobile" frameborder="0"></iframe>
  </div>
  <% code("html") do %><%= partial 'documentacao/shared/lists/lists' %><% end %>



  <h2 class="doc-title-3">Lista com botão múltiplo</h2>
  <p>O identificador não deve ter link.</p>
  <div class="ls-box-demo">
    <h3 class="doc-title-6">Desktop</h3>
    <%= partial 'documentacao/shared/lists/lists-actions' %>
    <h3 class="doc-title-6">Mobile</h3>
    <iframe width="320" height="910" src="<%= base_url %>/documentacao/shared/lists/lists-actions-mobile" frameborder="0"></iframe>
  </div>
  <% code("html") do %><%= partial 'documentacao/shared/lists/lists-actions' %><% end %>


</section>
{'fraction_non_alphanumeric': 0.18315018315018314, 'fraction_numerical': 0.02101407364565259, 'mean_word_length': 3.472413793103448, 'pattern_counts': {'":': 0, '<': 171, '<?xml version=': 0, '>': 171, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2133080', 'n_tokens_mistral': 2025, 'n_tokens_neox': 1888, 'n_words': 422}