Interface GridPosition

Grid-based position configuration

Uses 12-column grid system for consistent alignment.

Important: Valid combinations must satisfy:

column: 0-11 (starting column)
span: 1-12 (number of columns to span)
column + span ≤ 12 (must not exceed grid width)

Invalid combinations (e.g., column: 10, span: 5) will throw runtime errors. Use LayoutSystem.calculateGridPosition() which validates inputs.

Korean

그리드위치

Example: Valid positions

{ column: 0, span: 12 }  // Full width
{ column: 2, span: 8 }   // Centered 8 columns
{ column: 0, span: 6 }   // Left half
{ column: 6, span: 6 }   // Right half

Example: Invalid positions (will throw errors)

{ column: 10, span: 5 }  // ERROR: 10 + 5 = 15 > 12
{ column: -1, span: 6 }  // ERROR: column < 0
{ column: 5, span: 0 }   // ERROR: span < 1

interface GridPosition {
    column: number;
    gutter?: number;
    row?: number;
    span: number;
}

Index

Properties

column gutter? row? span

Properties

`Readonly`column

column: number

Grid column to start from (0-11)

`Optional` `Readonly`gutter

gutter?: number

Gutter size in pixels (default: 20)

`Optional` `Readonly`row

row?: number

Row index for vertical positioning (multiplied by DEFAULT_ROW_HEIGHT=100px)

`Readonly`span

span: number

Number of columns to span (1-12)

Interface GridPosition

Korean

Example: Valid positions

Example: Invalid positions (will throw errors)

Index

Properties

Properties

`Readonly`column

`Optional` `Readonly`gutter

`Optional` `Readonly`row

`Readonly`span

Settings

On This Page

Interface GridPosition

Korean

Example: Valid positions

Example: Invalid positions (will throw errors)

Index

Properties

Properties

Readonlycolumn

Optional Readonlygutter

Optional Readonlyrow

Readonlyspan

Settings

On This Page

`Readonly`column

`Optional` `Readonly`gutter

`Optional` `Readonly`row

`Readonly`span