Creates a Slider that can be operated with mouse. Supports Integers and Float Properties.
Inspector View
Builder View
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.
Inspector View
Builder View
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:
Builder View
Inspector View
Property Value Check
MinMax Value
Clamps the value of the property to specified range.
Inspector View. ExampleInt value is clamped between 0 and 10
Builder View
Required
Displays a red warning above the property if it is empty. Add it as a child to a property or a group.
Inspector View
Builder View
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.
Builder View
Groups & Layout
Space
Creates an empty space of a specified size.
Inspector View
Builder View
Vertical Group
Creates a vertical group of elements, with a title above.
Inspector View
Builder View
Foldout Group
Creates a named group that can be opened and closed to save space.
Inspector View
Builder View
Horizontal Group
Creates a group of elements that are displayed horizontally. Works great with Hide Label decorator.
Inspector View
Builder View
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.
Inspector View
Builder View
Style
Hide Label
Hides a Property's label. Add it as a child to a property or a group.
Inspector View
Builder View
Hidden
Hides it parent property or group completely. Add a condition as its child to decide when it happens.
Inspector View - Bool set to False
Inspector View - Bool set to True
Builder View
Disabled
Displays the property or button as disabled. User will not be able to click it or change its value.
Inspector View
Builder View
Color
Changes the color of its parent group, property or button to one of great looking presets.
Inspector View
Builder View
Color from RGBA
Changes the color of its parent group, property or button. You can choose the exact values.
Inspector View
Builder View
Color from Script
Changes the color of its parent group, property or button. Can read the color from a method in the same class.
Builder View
Image from Script
Changes the icon of its parent element to value returned by selected method. Works on: Images, Groups, Info boxes, Buttons.
Builder view
Text Change
Changes label of Info boxes, Properties, Groups or Buttons it is attached to.
Builder View
Inspector View. Field name is "Time" even though Property is originally called "SystemTime"
Text from Script
Changes the label of its parent element to to value returned by selected method. Works on: Properties, Groups, Info boxes, Buttons.
Builder View
Style Conditions
Property Value Condition
Applies its parent style based on the value of a property.
Inspector View
Builder View
Method Return Condition
Applies its parent style based on the return value of a method.
Inspector View
Builder View
Play Mode Condition
Applies its parent style based on the current play mode.
Inspector View. In this example, references cannot be changed while in Play Mode.
Builder View
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.
Inspector View
Builder View
Misc
Info Box
Displays an info box with a set text and style.
Inspector View
Builder View
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.
