@logo-rn/logo-preview-list
v0.2.3
Published
<LogoPreviewList/> is used to display a certain portion of list data.
Downloads
10
Readme
@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}
/>