Column

Layout column container (column). Renders as <div data-block="column"> (or configured column classes). JSON data: { children: Block[], width?, ...common }; ensures at least one block-level child.

Type: column · Class: ColumnBlock

Access:

app.block.get()
app.blocks.findByEl(el)
app.blocks.create(type)

App code:

const block = app.block.get();

Plugin:

const block = this.app.block.get();

getData#

Returns the serializable JSON data object for this block, including type-specific fields.

Returns: object

block.getData();

update#

Applies common fields, optionally sets column flex-basis from width, and ensures at least one block-level child.

Parameters:

• data (object) — object with the keys below
  • width (string) — CSS flex-basis (e.g. '50%', '200px'); empty string clears it
  • id, classname, styles, attrs, … — common block fields (see Common update)

Returns: void

block.update({ width: '33%' });

block.update({ width: '' });

block.update({ width: '40%', classname: 'sidebar-col' });