editable-list

Information

Folder: src/components/editable-list

Files

Mocks

// src/components/editable-list/mocks.json

{
  "title": "TODO",
  "add-item-text": "Add new list item:",
  "listItem": "This will not appear",
  "items": [
    "First item on the list",
    "Second item on the list",
    "Third item on the list",
    "Fourth item on the list",
    "Fifth item on the list"
  ]
}

Template

// src/components/editable-list/index.hbs

<editable-list title="{{title}}" {{#each items}} list-item-{{@index}}="{{this}}" {{/each}} listItem="{{listItem}}"
    add-item-text="{{add-item-text}}">
</editable-list>

Variants

default

Open

default mock data

{
  "title": "TODO",
  "add-item-text": "Add new list item:",
  "listItem": "This will not appear",
  "items": [
    "First item on the list",
    "Second item on the list",
    "Third item on the list",
    "Fourth item on the list",
    "Fifth item on the list"
  ]
}