Script API - v1.21.0
    Preparing search index...

    Property pane present dynamic content. It can be associated with an object and presented with different kind of controls.

    interface IPropertyPane {
        collapsed: boolean;
        id: string;
        onPropertyPaneVisibilityUpdated: EventSink<PropertyPaneVisibilityUpdate>;
        parentPaneId?: string;
        titleAltText: string;
        titleStringId: string;
        visible: boolean;
        width?: number;
        addBlockPicker<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsDataPicker,
        ): IPropertyItem<T, Prop>;
        addBool<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsBool,
        ): IPropertyItem<T, Prop>;
        addButton(
            action: RegisteredAction<NoArgsAction>,
            options?: IPropertyItemOptionsButton,
        ): IActionPropertyItem<{ EMPTY: undefined }, "EMPTY">;
        addDivider(): IPropertyItem<PropertyBag, string>;
        addDropdown<
            T extends Omit<PropertyBag, Prop> & { [key in string]: number },
            Prop extends string,
        >(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsDropdown,
        ): IDropdownPropertyItem<T, Prop>;
        addEntityPicker<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsDataPicker,
        ): IPropertyItem<T, Prop>;
        addImage<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsImage,
        ): IPropertyItem<T, Prop>;
        addNumber<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsNumber,
        ): IPropertyItem<T, Prop>;
        addString<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptions,
        ): IPropertyItem<T, Prop>;
        addTable(
            options?: IPropertyItemOptionsTable,
        ): ITablePropertyItem<{ EMPTY: undefined }, "EMPTY">;
        addText<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsText,
        ): IPropertyItem<T, Prop>;
        addVector3<T extends PropertyBag, Prop extends string>(
            obj: T,
            property: Prop,
            options?: IPropertyItemOptionsVector3,
        ): IVector3PropertyItem<T, Prop>;
        collapse(): void;
        createPropertyPane(options: IPropertyPaneOptions): IPropertyPane;
        expand(): void;
        hide(): void;
        removePropertyPane(paneToRemove: IPropertyPane): boolean;
        show(): void;
    }
    Index

    Properties

    collapsed: boolean

    Pane state for being expanded or collapsed.

    id: string

    Unique ID for the property pane.

    onPropertyPaneVisibilityUpdated: EventSink<PropertyPaneVisibilityUpdate>

    Provides visibility change events

    parentPaneId?: string

    In case of sub pane this is the id of the parent pane.

    titleAltText: string

    Fallback display text if no loc ID

    titleStringId: string

    Loc ID (resolved on client)

    visible: boolean

    Check visibility of the pane

    width?: number

    Width of the panel in rem.

    Methods

    • Beta

      Returns void

      Collapse the pane.

    • Beta

      Returns void

      Expand the pane.

    • Beta

      Returns void

      Hide the pane.

    • Beta

      Parameters

      Returns boolean

      Removes a child property pane from the parent pane.

    • Beta

      Returns void

      Show the pane and all of its property items.