Images and Sprite Backgrounds

Use Lui.Image when the image is content:


Lui.Image(characterPortrait, "w-64 h-64 image-cover rounded-xl")

Use .Background(...) when the image is part of an element’s skin:


Lui.Button("Start", "w-80 h-20 text-white text-center text-middle", Start)
    .Background(buttonSprite)

Sprite backgrounds use the imported sprite border for 9-slice scaling by default.

Use explicit slices when needed:


Lui.Button("Start", "w-80 h-20 text-white", Start)
    .Background(buttonSprite, new Vector4(72, 47, 87, 30));