### droppable
- type: boolean
- description: indicates if element can be drop at this place.
- default: true
### withHandle
- type: boolean
- description: decide whether to render a handle using `connectHandle` (see below)
### containerId
- type: string
- description: uniq id of container that contain current draggable item.
### groupName
- type: string
- description: No description
### renderItem
- type: (data: object) => ReactNode
- description: No description
### index
- type: number
- description: No description
### id
- type: string | number
- description: No description
### item
- type: object
- description: No description
### onMoveOut
- type: (id: any) => void
- description: callback when item was moved out from current container to another container.
### onDrop
- type: DropEventFn
- description: callback when item was dropped in a new location.
### onHover
- type: HoverEventFn
- description: callback when item is hovered.
### onDragStart
- type: DragEventFn
- description: callback for drag start.
### onDragEnd
- type: DragEventFn
- description: callback for drag end.
### shift
- type: number[]
- description: visual positioning shifting for an element (transform: translate) without moving it from its real position at DOM (left, top)
### hasDragged
- type: boolean
- description: flag that indicates that there's an item being dragged.
### setWrapperNode
- type: (node: HTMLElement, index: number, item: object) => void
- description: sets draggable item node & additional info for animation positions calculations.
### animationDuration
- type: number
- description: animation duration in ms, default = 0 - disabled.
### animationTiming
- type: string
- description: animation timing function, default = linear.
### canDrag
- type: DragEventFn
- description: callback that could prevent item from dragging.
### delay
- type: number
- description: No description
### listOfPropsThatAffectItems
- type: any[]
- description: In case that you are using some external props inside of renderItems method,
   you need to define them here.
   
   renderItem = ({ item }) => <div key={item.id}>{this.props.myAwesomeProp}</div>
   
   render() {
   return (
   <SortableListBase
   ...
   listOfPropsThatAffectItems={[this.props.myAwesomeProp]}
   />
   )
   }
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests.
### usePortal
- type: boolean
- description: Specifies whether dragged items render in a portal. Use it when an item appears in the wrong position while dragging.
### dragPreview
- type: boolean
- description: Specifies whether the grid renders as a drag preview. With nested sortable grids,
set it to `true` inside the `renderItem` callback for the grid that's being dragged.
### items
- type: object[]
- description: Sets the list of items to sort. Each item needs a unique `id`.
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### contentClassName
- type: string
- description: className of the first items parent container.
### insertPosition
- type: "end" | "start" | "any"
- description: Specifies where the item can be inserted.
### startFixedElement
- type: ReactNode
- description: Node rendered before the draggable items. This element isn't draggable.
### endFixedElement
- type: ReactNode
- description: Node rendered after the draggable items. This element isn't draggable.