Row Layout

This is a specialized instance of GridLayout with the number of rows fixed to 1.

Example

import { newInstance, RowLayout } from "@visuallyjs/browser-ui"

const model = newInstance()

const surface = model.render({
  layout: {
    type: RowLayout.type
  }
})

Sorting entries

You can provide a sort function to the row layout to specify an order in which entries are placed. The layout will then arrange them in the specified order from left to right.

import { newInstance, RowLayout } from "@visuallyjs/browser-ui"

const model = newInstance()

const surface = model.render({
  layout: {
    type: RowLayout.type,
    options: {
      sort: (a,b) => parseInt(b.id, 10) - parseInt(a.id, 10)
    }
  }
})

The sort function receives two arguments, a and b, which are either Node or Group objects, and it should return a number indicating their relative order.