Backstage
    Preparing search index...

    Interface UtilityProps

    Shared utility props supported by layout-oriented UI components.

    interface UtilityProps {
        alignItems?: Responsive<AlignItems>;
        border?: Responsive<Border>;
        borderRadius?: Responsive<BorderRadius>;
        colEnd?: Responsive<Columns>;
        colSpan?: Responsive<(Columns | "full")>;
        colStart?: Responsive<Columns>;
        columns?: Responsive<Columns>;
        display?: Responsive<Display>;
        flexDirection?: Responsive<FlexDirection>;
        flexWrap?: Responsive<FlexWrap>;
        gap?: Responsive<string>;
        justifyContent?: Responsive<JustifyContent>;
        m?: Responsive<string>;
        mb?: Responsive<string>;
        ml?: Responsive<string>;
        mr?: Responsive<string>;
        mt?: Responsive<string>;
        mx?: Responsive<string>;
        my?: Responsive<string>;
        p?: Responsive<string>;
        pb?: Responsive<string>;
        pl?: Responsive<string>;
        pr?: Responsive<string>;
        pt?: Responsive<string>;
        px?: Responsive<string>;
        py?: Responsive<string>;
        rowSpan?: Responsive<(Columns | "full")>;
    }

    Hierarchy (View Summary)

    Index

    Properties

    alignItems? border? borderRadius? colEnd? colSpan? colStart? columns? display? flexDirection? flexWrap? gap? justifyContent? m? mb? ml? mr? mt? mx? my? p? pb? pl? pr? pt? px? py? rowSpan?

    Properties

    alignItems?: Responsive<AlignItems>

    Aligns children on the cross axis in flex and grid layouts.

    border?: Responsive<Border>

    Applies a semantic border variant.

    borderRadius?: Responsive<BorderRadius>

    Applies a semantic border radius token.

    colEnd?: Responsive<Columns>

    Sets the ending grid column line.

    colSpan?: Responsive<(Columns | "full")>

    Sets the number of grid columns to span.

    colStart?: Responsive<Columns>

    Sets the starting grid column line.

    columns?: Responsive<Columns>

    Sets the number of columns for grid containers.

    display?: Responsive<Display>

    Controls the CSS display value.

    flexDirection?: Responsive<FlexDirection>

    Controls the direction of flex items.

    flexWrap?: Responsive<FlexWrap>

    Controls how flex items wrap.

    gap?: Responsive<string>

    Sets spacing between children in flex and grid layouts.

    justifyContent?: Responsive<JustifyContent>

    Aligns children on the main axis in flex and grid layouts.

    m?: Responsive<string>
    mb?: Responsive<string>
    ml?: Responsive<string>
    mr?: Responsive<string>
    mt?: Responsive<string>
    mx?: Responsive<string>
    my?: Responsive<string>
    p?: Responsive<string>
    pb?: Responsive<string>
    pl?: Responsive<string>
    pr?: Responsive<string>
    pt?: Responsive<string>
    px?: Responsive<string>
    py?: Responsive<string>
    rowSpan?: Responsive<(Columns | "full")>

    Sets the number of grid rows to span.

    Settings

    Member Visibility

    On This Page

    Properties