UNPKG

@directus-labs/simple-list-interface

Version:

Input a simple list of items with full keyboard support.

47 lines (27 loc) • 1.55 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
# Simple List Interface ![list-interface.png](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/simple-list-interface/docs/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](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/simple-list-interface/docs/list-interface-example.png) ### **Configuration Options** ![list-interface-config.png](https://raw.githubusercontent.com/directus-labs/extensions/main/packages/simple-list-interface/docs/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](https://docs.directus.io/extensions/installing-extensions.html) 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