A clickable button with label on it.

A checkbox entity, eg a label with a square you can mark as checked or uncheck. Holds a boolean value.

A colored rectangle with outline.

DropDown is just like a list, but it only shows the currently selected value unless clicked on (the list is only revealed while interacted with).

Basic UI entity. All entities inherit from this class and share this API.

Header entity is a subclass of Paragraph. Basically its the same, but with a different default styling, and serves as a sugarcoat to quickly create headers for menues.

An horizontal line, used to separate between different sections of a panel or to emphasize headers.

A simple UI icon. Comes we a selection of pre-defined icons to use + optional inventory-like background.

A renderable image (draw custom texture on UI entities).

Label entity is a subclass of Paragraph. Basically its the same, but with a different default styling, and serves as a sugarcoat to quickly create labels for widgets.

A line space is just a spacer for Auto-Anchored entities, eg a method to create artificial distance between rows.

A graphical panel or form you can create and add entities to. Used to group together entities with common logic.

A graphical panel or form you can create and add entities to. Used to group together entities with common logic.

A graphical panel or form you can create and add entities to. Used to group together entities with common logic.

Paragraph is a renderable text. It can be multiline, wrap words, have outline, etc.

A sub-class of the slider entity, with graphics more fitting for a progress bar or things like hp bar etc. Behaves the same as a slider, if you want it to be for display only (and not changeable by user), simple set Locked = true.

A Radio Button entity is like a checkbox (label with a box next to it that can be checked / unchecked) with the exception that whenever a radio button is checked, all its siblings are unchecked automatically.

Multicolor Paragraph is a paragraph that supports in-text color tags that changes the fill color of the text.

A special panel used as the root panel that covers the entire screen. This panel is used internally to serve as the constant root entity in the entities tree.

List of items (strings) user can scroll and pick from.

Slider entity looks like a horizontal scrollbar that the user can drag left and right to select a numeric value from range.

Set of style properties for different entity states. For example, stylesheet can define that when mouse hover over a paragraph, its text turns red.

Contains the button and panel of a single tab in the PanelTabs.

A textbox that allow users to put in free text.

Used internally as a scrollbar for lists, text boxes, etc..

Hold style changes instructions for rich paragraphs.

A function to add per-character manipulation, used for advanced animations.

An Anchor is a pre-defined position in parent entity that we use to position a child. For eample, we can use anchors to position an entity at the bottom-center point of its parent. Note: anchor affect both the position relative to parent and also the offset origin point of the entity.

Button skins.

Different draw phases of the entity.

Possible entity states and interactions with user.

Font styles.

Pre-defined icons you can use.

Image drawing modes, eg how to draw the image and fill the destination rectangle with its texture.

How to treat entities that overflow panel boundaries.

Different panel textures you can use.

Different sliders skins (textures).