@logo-rn/logo-preview-list

is which is used to display a certain portion of list data.

Installation

Install the component:

npm i @logo-rn/logo-preview-list -s

Usage

Once installed, import the component in your application:

import { LogoPreviewList } from '@logo-rn/logo-preview-list';

import { LogoPreviewList } from '@logo-rn/logo-preview-list';
//..

const items: ItemsProps = {
  columnProperties: [
    {
      displaytype: 'CheckboxColumn',
      id: '0',
    },
    {
      displaytype: 'DataColumn',
      id: '1',
      titleColumn: true,
    }
  ],
  rows: [
    [
      { value: 'unchecked' },
      { value: 'Name Surname' },
      { value: '32' }
    ],
    [
      { value: 'unchecked' },
      { value: 'Name Surname' }
    ],
    [
      { value: 'unchecked' },
      { value: 'Name Surname' }
    ],
  ],
};
//..
<LogoPreviewList
  renderItem={(item: any) => renderListItem(item, items, renderMoreActions)}
  items={items.rows}
/>

For more detailed information, please visit:

Logo Elements Documentation ↗