Mixins / foldkit-mixins-ui

TableExpansion

interface · packages/mixins-ui/src/table.ts:106

interface TableExpansion<Row, Message> {
  readonly id: string
  readonly isExpanded: (row: Row) => boolean
  readonly onToggle: (row: Row, expanded: boolean) => Message
  readonly detail: (row: Row) => Html
  readonly label?: ((row: Row) => string) | undefined
}

Rows that open on a press to show a detail below them.

Members

TableExpansion.id

property · packages/mixins-ui/src/table.ts:108

readonly id: string

Prefixes the details' ids, unique on the page.

TableExpansion.isExpanded

property · packages/mixins-ui/src/table.ts:109

readonly isExpanded: (row: Row) => boolean

TableExpansion.onToggle

property · packages/mixins-ui/src/table.ts:110

readonly onToggle: (row: Row, expanded: boolean) => Message

TableExpansion.detail

property · packages/mixins-ui/src/table.ts:111

readonly detail: (row: Row) => Html

TableExpansion.label

property · packages/mixins-ui/src/table.ts:113

readonly label?: ((row: Row) => string) | undefined

The open button's name; default "Show details".