Properties

entries

entries?: Array

Set entries in list

template

template?: Array

Template to use for rendering different types

beforeAssignTemplate

beforeAssignTemplate?: (template: TemplateNode[]) => TemplateNode[]

Hook to manipulate template before its assigned to the nodes prop

beforeRenderNode

beforeRenderNode?: (node: TemplateNode, context: NodeContext, sharedContext: NodeContext) => false | void | TemplateNode

Hook to manipulate nodes before rendering

drop

drop?: boolean

Toggle drop functionality on/off

dropRoot

dropRoot?: HTMLElement

Which element to use as drop container, defaults to null

dropPadding

dropPadding?: number

Padding around drop area that will also catch drops, defaults to 20

drag

drag?: boolean

Toggle drag functionality on/off

dragDetachMargin

dragDetachMargin?: number

The distance from the root element after which the element will be detached from the list, defaults to 40

dragSafetyMargin

dragSafetyMargin?: number

The distance from the root element after which the element will be removed when dropped, defaults to 80, set to Infinity to prevent removal by dragging

disabled

disabled?: boolean

Toggle the UI on/off

entryAnimationOriginMap

entryAnimationOriginMap?: { [origin: string]: string; }

Maps Entry origin to animation for intro effect

entryAnimationProps

entryAnimationProps?: { [animation: string]: EntryAnimation; }

Animation configuration for each entry animation

entryAnimationStaggerInterval

entryAnimationStaggerInterval?: number

Delay to use between entry animations that are staggered (insert / remove)

assets

assets?: { [key: string]: string; }

The assets resource to use for icons, defaults to {}

locale

locale?: { [key: string]: string; }

The locale resource props to use for text, defaults to {}

propResourceMap

propResourceMap?: { [componentProperty: string]: string; }

Automatically maps a property name to a resource value in locale and/or assets, defaults to { title: 'locale', label: 'locale', icon: 'assets' } meaning that the value of a label property is automatically looked up in the locale property