Skip to content

InventorySlots

Since 2.2.1

InventorySlots is a pre-built player inventory widget. It renders the standard 3-row main inventory and a 9-slot hotbar, and automatically binds them to the player's Inventory when a ModularUI is opened.

Everything documented on UIElement (layout, styles, events, data bindings, etc.) applies here too.

Usage

var inv = new InventorySlots();
// Slots are bound automatically when the UI opens.
// Optionally configure all slots:
inv.apply(slot -> slot.slotStyle(style -> style.showItemTooltips(true)));
parent.addChild(inv);

inventorySlots({}) {
    api {
        apply { slot -> slot.slotStyle { showItemTooltips(true) } }
    }
}

let inv = new InventorySlots();
parent.addChild(inv);

XML

<inventory-slots/>

InventorySlots has no XML attributes beyond those inherited from UIElement.

Internal Structure

CSS class Description
.__inventory_main__ Container wrapping the three main inventory rows.
.__inventory_row__ Each of the four Row elements (three main + hotbar).
.__inventory_hotbar__ The hotbar row (separated by 5 px top margin).

The slots inside each row are ItemSlot instances with is-player-slot: true and IDs inventory_0 … inventory_35.

Fields

Name Type Access Description
rows Row[3] public final The three main inventory rows (indices 9–35).
hotbar Row public final The hotbar row (indices 0–8).

Row is a UIElement subclass with:

Name Type Description
slots ItemSlot[9] The nine item slots in this row.

Methods

Method Returns Description
apply(Consumer<ItemSlot>) InventorySlots Applies a consumer to every slot across all rows and the hotbar.