# Inspector Element Reference ## 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: {% code title="C# Non-Serialized Properties in code." overflow="wrap" %} ```csharp public string NameProperty { get; private set; } = "Object Name"; public string StringPropertyWithNoSetter { get; } public float TimeElapsedSinceStart => _privateVariableCurrentTime - _privateVariableStartTime; ``` {% endcode %}

## Property Value Check #### MinMax Value Clamps the value of the property to specified range.

Inspector View. ExampleInt value is clamped between 0 and 10

#### 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. {% hint style="info" %} Each Tab can have a different color - simply place a 'Color' Style inside the Tab. {% endhint %}

## 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. {% code title="Example method signature:" %} ```csharp private Texture2D GetIconTexture() ``` {% endcode %}

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

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. {% code title="Example method signature:" fullWidth="false" %} ```csharp private string GetButtonText() ``` {% endcode %}

## 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.

Inspector View. In this example, references cannot be changed while in Play Mode.

## Button #### Button A button that can be clicked to call a method on this component. Displays fields to input arguments, if needed. {% hint style="info" %} If multiple Methods with the same name exist in the class, Vibe will select the one with fewest arguments. {% endhint %}

## 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.