###example
const focusableMenu = {
$: 'menu.items.$any',
focusableMenuItem = {
text: {
$: 'title'
},
focus: {
$: '$parent.$parent.focus' // define focus (usually defined on holder)
autofocus: true // define if dom:focus is applied (defaults to true)
}
}
}
const state = {
menu: {
focus: '$root.menu.items.0',
items: [
{ title: 'one item' },
{ title: 'two item' },
{ title: 'three item' }
]
}
}
document.body.appendchild(render(carousel, state))