@zeplin/extension-model
    Preparing search index...

    Class Layout

    An interface to represent the layout of Layer

    Index

    Constructors

    constructor

    Properties

    alignment? columnCount? columnGap? columnSizes? direction? distribution? gap? itemAlignment? padding? rowCount? rowGap? rowSizes? sizingMode? wrap? wrapGap?

    Accessors

    ALIGNMENT ALLOWED_FIELDS DIRECTION DISTRIBUTION SIZING_MODE

    Methods

    fromJSON

    Constructors

    Properties

    alignment?: LayoutAlignment

    Determines how the children are aligned inside the layer.

    columnCount?: number

    Number of columns in the grid

    columnGap?: number

    Gap between columns in the grid

    columnSizes?: GridSize[]

    Details of the grid column sizes Corresponds to grid-template-columns in css

    direction?: LayoutDirection

    Determines how the children of the layer are laid out in this layer:

    • "row": The children are placed on a line horizontally
    • "column": The children are stacked vertically
    • "grid": The children are placed in a grid
    distribution?: LayoutDistribution

    Determines how the children are distributed inside the layer.

    gap?: number

    Distance between children of the layer.

    itemAlignment?: LayoutAlignment

    Determines how the children are aligned inside the layer.

    padding?: LayoutPadding

    Padding between the borders of the layer and its children.

    rowCount?: number

    Number of rows in the grid

    rowGap?: number

    Gap betweeen rows in the grid

    rowSizes?: GridSize[]

    Details of the grid row sizes Corresponds to grid-template-rows in css

    sizingMode?: LayoutSizingMode

    Determines if the layer has fixed or automatic length for its axis which is orthogonal to its layout direction, i.e., its width if Layer.direction is "column" or its height if Layer.direction is "row".

    wrap?: boolean

    Indicates whether the children wraps if they don't fit the width/height.

    wrapGap?: number

    Spacing in counter axis of the direction.

    Accessors

    • get ALLOWED_FIELDS(): string[]

      Returns string[]

    Methods

    • Creates a Layout instance from a JSON string

      Parameters

      • json: string

        JSON string representing a layout

      Returns Layout

      A new Layout instance

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties
    Accessors
    Methods