Change startupjs
and all @startupjs/*
dependencies in your package.json
to ^0.48
.
- add
maxTagCount
property to limit the number of selected tags
- change api of
renderListItem
that renders menu item fromrenderListItem(item index, onItemPress)
torenderListItem({ item, index, selected })
BEFORE:
const OPTIONS = [
{ label: 'New York', value: 'ny' },
{ label: 'Los Angeles', value: 'la' },
{ label: 'Tokyo', value: 'tk' }
]
const [cities, setCities] = useState([])
function renderListItem (item, selected, onItemPress) {
return pug`
Div(onPress=onItemPress)
Span.text(styleName={ selected })= item.label
`
}
return pug`
Multiselect(
value=cities
options=OPTIONS
renderListItem=renderListItem
onChange=setCities
)
`
styl`
.text
&.selected
color $UI.colors.primary
`
NOW:
const OPTIONS = [
{ label: 'New York', value: 'ny' },
{ label: 'Los Angeles', value: 'la' },
{ label: 'Tokyo', value: 'tk' }
]
const [cities, setCities] = useState([])
function renderListItem ({ item, index, selected }) {
return pug`
Span.text(styleName={ selected })= item.label
`
}
return pug`
Multiselect(
value=cities
options=OPTIONS
renderListItem=renderListItem
onChange=setCities
)
`
styl`
.text
&.selected
color $UI.colors.primary
`