Vibe: Visual Inspector Builder Documentation
  • 🌶️Getting Started
    • Compatibility
    • Installation
    • Creating a Custom Inspector
  • 📗Inspector Element Reference
  • 🎓Advanced Topics
  • ❔FAQ
  • 🐞Known Issues
  • 🗒️Changelog
  • 💁Contact & Support
Powered by GitBook
On this page
  • Property
  • Property Value Check
  • Groups & Layout
  • Style
  • Style Conditions
  • Button
  • Misc

Inspector Element Reference

PreviousCreating a Custom InspectorNextAdvanced Topics

Last updated 3 months ago

Property

Property

Displays a basic property field.

Slider Property

Creates a Slider that can be operated with mouse. Supports Integers and Float Properties.

Inline Preview Property

Displays a property field. If the value contains a reference to a struct or a Serialized Object, its fields will be displayed beneath.

Non-Serialized Property

Displays a public, non-serialized Property as read-only field. Useful for debugging. Returned object must inherit from UnityEngine.Object and cannot be an Array or List.

Below are a few examples what this element can display:

C# Non-Serialized Properties in code.
    public string NameProperty { get; private set; } = "Object Name";
    
    public string StringPropertyWithNoSetter { get; }
    
    public float TimeElapsedSinceStart => _privateVariableCurrentTime - _privateVariableStartTime;

Property Value Check

MinMax Value

Clamps the value of the property to specified range.

Required

Displays a red warning above the property if it is empty. Add it as a child to a property or a group.

Execute On Change

Executes a Method from this class when the value of the property is changed from the Inspector. The Method must have no required input parameters, or have an input parameter that matches the type of the property.

Groups & Layout

Space

Creates an empty space of a specified size.

Vertical Group

Creates a vertical group of elements, with a title above.

Foldout Group

Creates a named group that can be opened and closed to save space.

Horizontal Group

Creates a group of elements that are displayed horizontally. Works great with Hide Label decorator.

Tab Group

Creates horizontal tabs that allows you to organize content in a compact way.

Each Tab can have a different color - simply place a 'Color' Style inside the Tab.

Style

Hide Label

Hides a Property's label. Add it as a child to a property or a group.

Hidden

Hides it parent property or group completely. Add a condition as its child to decide when it happens.

Disabled

Displays the property or button as disabled. User will not be able to click it or change its value.

Color

Changes the color of its parent group, property or button to one of great looking presets.

Color from RGBA

Changes the color of its parent group, property or button. You can choose the exact values.

Color from Script

Changes the color of its parent group, property or button. Can read the color from a method in the same class.

Image from Script

Changes the icon of its parent element to value returned by selected method. Works on: Images, Groups, Info boxes, Buttons.

Example method signature:
private Texture2D GetIconTexture()

Text Change

Changes label of Info boxes, Properties, Groups or Buttons it is attached to.

Text from Script

Changes the label of its parent element to to value returned by selected method. Works on: Properties, Groups, Info boxes, Buttons.

Example method signature:
private string GetButtonText()

Style Conditions

Property Value Condition

Applies its parent style based on the value of a property.

Method Return Condition

Applies its parent style based on the return value of a method.

Play Mode Condition

Applies its parent style based on the current play mode.

Button

Button

A button that can be clicked to call a method on this component. Displays fields to input arguments, if needed.

If multiple Methods with the same name exist in the class, Vibe will select the one with fewest arguments.

Misc

Info Box

Displays an info box with a set text and style.

Image

Displays a texture as an image inside the Inspector. You can set its height in pixels and horizontal alignment.

Image element will usually keep your texture in its original aspect ratio. If "stretch" alignment is selected, the texture will be stretched horizontally to fill the entire available space.

Horizontal Line

Displays a Horizontal Line in the Inspector.

📗
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Builder View
Inspector View
Inspector View. ExampleInt value is clamped between 0 and 10
Builder View
Inspector View
Builder View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View - Bool set to False
Inspector View - Bool set to True
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View
Builder View
Builder View
Builder view
Builder View
Inspector View. Field name is "Time" even though Property is originally called "SystemTime"
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View. In this example, references cannot be changed while in Play Mode.
Builder View
Inspector View
Builder View
Inspector View
Builder View
Inspector View.
Builder View
Inspector View
Builder View