Sling-web-component-list NPM

sling-web-component-list

Sling Card Basic Component.

Install

npm install sling-web-component-list

Tag

  <sling-list></sling-list>

Dependencies

sling-framework
sling-helpers

Attributes and properties

Name	Type	Default Values	ReflectToAttribute
srcdata	Array
srckeys	Array
cascadelist	Boolean	false	:heavy_check_mark:

Description

Name	Description
srcdata	Uma lista que define o conteudo do componente..
srckeys	Uma lista de chaves que dispõe com base na lista de dados a ordem dos dados.
cascadelist	Define se a lista vai ser em cascata ou não.

Events

This component have no events.

Usage

    <sling-list
      srcdata=""
      srckeys="">
    </sling-list>

    <script>
      const keys = [
        'Descrição',
        'UF',
        'Cidade',
        'Endereço',
        'Número',
        'Complemento',
        'Bairro',
      ];

      const data = [
        {
          Descrição: 'teste',
          UF: 'teste',
          Cidade: 'teste',
          Endereço: 'teste',
          Número: 'teste',
          Complemento: 'teste',
          Bairro: 'teste',
        },
      ]

      const $list = Array.from(document.querySelectorAll('sling-list'));
      $list.forEach($list=> {
        $list.srcdata = data;
        $list.srckeys = keys;
      });
    </script>