LabelList

LabelList maps item data to labels inside a VGroup. The current implementation always renders exactly four slots: it pads short arrays with empty items and truncates arrays longer than four.

LabelList({
  items: [
    { id: 'one', title: 'First item' },
    { id: 'two', title: 'Second item' },
    { id: 'three', title: 'Third item' },
    { id: 'four', title: 'Fourth item' },
  ],
  textField: 'title',
  labelFontStyleKey: 'theme.fonts.text-regular-24',
})

Generated labels are focusable, but they do not emit selection. Although the state type currently declares onItemSelected, LabelList does not wire that callback to its labels. Do not rely on it.

Use four explicit Label views when each slot needs different behavior. Use ButtonGroup for actionable items or a data/list surface for variable-length content.