Mixins / foldkit-mixins/layout

SplitOptions

interface · packages/mixins/src/layout.ts:93

interface SplitOptions {
  readonly fraction?: string
  readonly breakpoint?: string
  readonly gap?: string
  readonly contain?: boolean
}

Members

SplitOptions.fraction

property · packages/mixins/src/layout.ts:95

readonly fraction?: string

The column template above the breakpoint, e.g. '1fr 2fr'.

SplitOptions.breakpoint

property · packages/mixins/src/layout.ts:97

readonly breakpoint?: string

The container (or, with contain: false, viewport) width the columns appear at.

SplitOptions.gap

property · packages/mixins/src/layout.ts:98

readonly gap?: string

SplitOptions.contain

property · packages/mixins/src/layout.ts:100

readonly contain?: boolean

false adapts on the viewport with @media and sets no containment.