Listing Component

Listing component is the easiest way to show contents in list like card view or grid view. It is all-im-one component to list contents.

It comes with the features below:

• Custom data structure support.
• Card views:
  • Midi Card List
  • Maxi Card List
  • Mini Card List
  • Display Card List
• Simple grid view.

Click here for demo

Installation

All public npm packages of Logo Software is at https://www.npmjs.com/org/logo-software. To install Listing Component:

$ npm set registry https://registry.npmjs.org/
$ npm install @logo-software/listing -s

Just import it to your project of @NgModule import section.

import {ListingModule} from '@logo-software/listing';

@NgModule({
 imports: [CommonModule, ListingModule],
})
export class AppModule {
}

Usage In HTML

Add the below code to your code stack and give initializer parameters.

app.component.html

  <logo-listing 
    [title]="videoTitle"
    [titleIcon]="'./assets/img/button_play.png'"
    [items]="helpfulVideos"
    [listConfig]="displayCardListConfig"
    [isVideoList]="true"
  >
  </logo-listing>

For API details, please visit http://elements.logo.com.tr