A basic and custom sortable-list component for angular 5+ apps.

Example

 <rg-sortable-list
    [items]="itemList"
    displayExpr="name"
    icon="icon">
</rg-sortable-list>

Documentation

• items
  • object[]
  • example:

    [ 
        {
            id: 1, 
            name: 'Home',
            icon: 'fa fa-home'
        },
        {
            id: 2, 
            name: 'Process',
            icon: 'fa fa-pencil'
        },
        {
            id: 3, 
            name: 'Users',
            icon: 'icon-users'
        },
        {
            id: 4, 
            name: 'Logout',
            icon: 'fa fa-logout'
        }
    ]

  • This is mandatory
• displayExpr: specify the property name to display in each item as label
  • string
  • This is mandatory
• icon: string that means a css icon
  • string

How to install

Simply run the npm install script

    npm install --save rg-sortable-list

Dependencies

• rg-utils ^0.1.1