This component renders a list of selectable items. Toggles, Buttons or Dropdown. Should be rewritten because kind of mess.
import {UISelect} from 'writer'
render($$) {
const el = $$('div')
return el.append(
$$(UISelect, {
list: this.state.list,
onChangeList: (listItems, selectedItem) => {
this.addToSelectedItems(selectedItem)
},
isSelected: (listItems, item) => {
const selectedItems = this.getSelectedItems()
return selectedItems.some((selectedItem) => return selectedItem.value === item.value)
}
})
)
}
This component renders a list of selectable items.
It supports 3 types of lists: drop-down list, toggle list and button list.
{
label: '[a list label]',
type: '[dropdown/toggle/button]',
values: [
{
title: 'title 1', ...
},
{
title: 'title 2', ...
},
{
title: 'Additional options',
list: {
title: 'Other options',
type: '[dropdown/toggle/button]',
values: [
...
]
}
}
]
}