Mixins / foldkit-mixins-ui

ItemGroupView

interface · packages/mixins-ui/src/item.ts:114

interface ItemGroupView<Message = never> {
  readonly items: ReadonlyArray<
    Omit<ItemView<Message>, 'style' | 'mixins'> & {
      readonly key: string
    }
  >
  readonly label?: string | undefined
  readonly style?: NamedStyle<typeof ItemGroupSlots> | undefined
  readonly itemStyle?: NamedStyle<typeof ItemSlots> | undefined
  readonly mixins?: MixinList<Message> | undefined
}

Rows as one list, divided by hairlines or apart.

Members

ItemGroupView.items

property · packages/mixins-ui/src/item.ts:116

readonly items: ReadonlyArray<
  Omit<ItemView<Message>, 'style' | 'mixins'> & {
    readonly key: string
  }
>

Each row, keyed so a row removed or moved keeps its neighbours' DOM.

ItemGroupView.label

property · packages/mixins-ui/src/item.ts:120

readonly label?: string | undefined

The list's accessible name.

ItemGroupView.style

property · packages/mixins-ui/src/item.ts:122

readonly style?: NamedStyle<typeof ItemGroupSlots> | undefined

A style of ItemGroupSlots, for the list.

ItemGroupView.itemStyle

property · packages/mixins-ui/src/item.ts:124

readonly itemStyle?: NamedStyle<typeof ItemSlots> | undefined

A style of ItemSlots for every row.

ItemGroupView.mixins

property · packages/mixins-ui/src/item.ts:126

readonly mixins?: MixinList<Message> | undefined

Mixins beside the style.