List

Options

Basic usage

html

Copy

By default, the contents of each list item are arranged in columns.

For rich text (containing em strong a etc), you should wrap the text in a span or div.

html

Copy

Indent

Supports the global indent options --indent-*, --v-indent-*, --h-indent-*, --no-indent, --no-v-indent, --no-h-indent at all sizes (xxhuge, xhuge, huge, xxlarge, xlarge, large, medium, small, xsmall, xxsmall).

html

Copy

html

Copy

Icons

Set the same icon for all list items

html

Copy

Set the same icon for all list items

html

Copy

Styles

Lined

html

Copy

Section

html

Copy

Drag

Supports the global __drag options.

Basic example

Minimal example which would require javascript to implement drag and drop

html

Copy

Using html draggable and aria

Example using html draggable and aria attributes

html

Copy

Examples

Drag with switches and buttons

html

Copy

Lined, with sections, radio buttons with tags

html

Copy