Pilates
    Preparing search index...

    Interface Style

    Internal style state. Each Node owns one of these and mutates it via setters. Defaults match Yoga + CSS Flexbox where applicable.

    interface Style {
        alignContent: Align;
        alignItems: Align;
        alignSelf: Align;
        aspectRatio: number | undefined;
        display: Display;
        flexBasis: Length;
        flexDirection: FlexDirection;
        flexGrow: number;
        flexShrink: number;
        flexWrap: FlexWrap;
        gapColumn: number;
        gapRow: number;
        height: Length;
        justifyContent: Justify;
        margin: [number, number, number, number];
        maxHeight: number | undefined;
        maxWidth: number | undefined;
        minHeight: number;
        minWidth: number;
        overflow: Overflow;
        overflowX: Overflow;
        overflowY: Overflow;
        padding: [number, number, number, number];
        position: [
            number
            | undefined,
            number | undefined,
            number | undefined,
            number | undefined,
        ];
        positionType: PositionType;
        width: Length;
    }
    Index

    Properties

    alignContent alignItems alignSelf aspectRatio display flexBasis flexDirection flexGrow flexShrink flexWrap gapColumn gapRow height justifyContent margin maxHeight maxWidth minHeight minWidth overflow overflowX overflowY padding position positionType width

    Properties

    alignContent: Align
    alignItems: Align
    alignSelf: Align
    aspectRatio: number | undefined

    width / height ratio. When set and exactly one of width / height is a number (the other being 'auto'), the auto axis is derived as set / aspectRatio (height) or set * aspectRatio (width). When both dimensions are explicit, the ratio is ignored — explicit values win. Min/max clamps still apply on each axis after derivation.

    display: Display
    flexBasis: Length
    flexDirection: FlexDirection
    flexGrow: number
    flexShrink: number
    flexWrap: FlexWrap
    gapColumn: number
    gapRow: number
    height: Length
    justifyContent: Justify
    margin: [number, number, number, number]

    [top, right, bottom, left].

    maxHeight: number | undefined
    maxWidth: number | undefined

    undefined means "no upper bound".

    minHeight: number
    minWidth: number
    overflow: Overflow

    CSS overflow shorthand. overflowX / overflowY win when set individually. 'visible' — the default — is treated as 'hidden' at paint time (terminal cell grids cannot show overflow without corrupting sibling cells); the keyword exists so migrating code from web/RN reads naturally.

    overflowX: Overflow
    overflowY: Overflow
    padding: [number, number, number, number]

    [top, right, bottom, left].

    position: [
        number
        | undefined,
        number | undefined,
        number | undefined,
        number | undefined,
    ]

    [top, right, bottom, left]; undefined means "edge unconstrained".

    positionType: PositionType
    width: Length

    Settings

    Member Visibility

    On This Page

    Properties