> For the complete documentation index, see [llms.txt](https://iron-network.gitbook.io/gene/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://iron-network.gitbook.io/gene/components/sortable-js.md).

# Sortable js

#### Adding Sortable in your project

There following steps to add Sortable

* First of all, you have to edit in **app.module**file ,which is located in **your-project-name\src\app** folder.
* Import following files in **app.module** file

  ```
  import { SortableDemoComponent}  from './drag-and-drop/sortablejs/sortable.component';
  ```
*  Now open **app-routing.module.ts** file and import this file.

  ```
  import { SortableDemoComponent }  from './drag-and-drop/sortablejs/sortable.component';
  ```

  After this,add following in routes

  ```
  { path: 'dragndrop/sortable', component: SortableDemoComponent }
  ```