@directus-labs/simple-list-interface

1.0.0 • Public • Published

Simple List Interface

list-interface.png

Easily create and manage simple lists with full keyboard support.

A great alternative to the Tags interface if you need to reorder and edit items within a list.

  • Add new items to list with Enter
  • Remove items with Backspace.
  • Use up and down arrow keys to navigate between list items.
  • Drag and drop to re-order list items.
  • Value stored as JSON or CSV.

Interface

list-interface-example.png

Configuration Options

list-interface-config.png

Size

Control the size of the input within the list item.

  • Small
  • Normal

Limit

Restrict the number of items that can be added to the list. Leave black for unlimited.

Add New Label

Specify the text for the button that adds a new item to the list. Translatable using custom translation strings.


Installation & Setup

  1. Install the extension. Review the the Official Guide for more info.
  2. Open a collection within your Settings > Data Model and click the add new field button.
  3. Choose the List interface, add a key, choose between and save the new field

Package Sidebar

Install

npm i @directus-labs/simple-list-interface

Weekly Downloads

6

Version

1.0.0

License

none

Unpacked Size

107 kB

Total Files

3

Last publish

Collaborators

  • bryantgillespie
  • phazonoverload
  • rijk