# Inspector Element Reference

## Property

#### Property

Displays a basic property field.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FsbT5SaCht94HTs7M5Fmz%2Fimage.png?alt=media&#x26;token=34cbf6c8-4d6d-427d-8884-3cf05e0b5de3" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FW1PuoqrHBKNrabWHNvIa%2Fimage.png?alt=media&#x26;token=2330a7c9-8f71-4696-95ce-f76014ae9123" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Slider Property

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FRAzwdt75wE9wYKd3MHLA%2Fimage.png?alt=media&#x26;token=2e6019db-50af-476e-bc25-01deca4cf497" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2Fu2cPFQDmoGzbcfhSa7cP%2Fimage.png?alt=media&#x26;token=cff09320-cd21-49ba-9038-dabbd9a1526e" alt=""><figcaption><p>Builder View</p></figcaption></figure>

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FsCqNkM5YjjcXPE822Q6H%2Fimage.png?alt=media&#x26;token=d9e6ef42-0003-48b1-8dd3-8254de5aa9b0" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FVNCFdrUllUGL9mJLtEq9%2Fimage.png?alt=media&#x26;token=99aaeca2-8f83-451d-8861-55e142325c39" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### 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 %}

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FyaZV5wJrSBz3F6e2LGMM%2Fimage.png?alt=media&#x26;token=d2b0dfe1-0e5c-4c0a-8541-7c7194a05005" alt=""><figcaption><p>Builder View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F69ap0OpsvayOcAQdNf3f%2Fimage.png?alt=media&#x26;token=e57da6da-be38-403f-b708-a6a395ca3529" alt=""><figcaption><p>Inspector View</p></figcaption></figure>



## Property Value Check

#### MinMax Value

Clamps the value of the property to specified range.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FFQ6Jmw0mSnEfcuazJqjv%2Fimage.png?alt=media&#x26;token=03198f6d-db31-4d4a-abff-433f663022a2" alt=""><figcaption><p>Inspector View. ExampleInt value is clamped between 0 and 10</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F49GzXOyvdFQZVAc2fljn%2Fimage.png?alt=media&#x26;token=29dfb904-aba6-4dd5-8a00-d8a4c372de50" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Required

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FD5gybTr9VqLHSQoyK6dt%2Fimage.png?alt=media&#x26;token=e0888803-4a2d-48a0-9f7f-ca97aad44885" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FzakM9eu5bKB2rGGlANqn%2Fimage.png?alt=media&#x26;token=ab36f938-f7fb-449a-adce-7f4759f86b47" alt=""><figcaption><p>Builder View</p></figcaption></figure>

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F0vp0QAUfPytSKBOmnTGf%2Fimage.png?alt=media&#x26;token=e828280c-48ec-43ba-bc33-83c1fd13f2db" alt=""><figcaption><p>Builder View</p></figcaption></figure>

## &#x20;Groups & Layout

#### Space

Creates an empty space of a specified size.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FC1vsYR48RX7DK3pP8Zbd%2Fimage.png?alt=media&#x26;token=8a4392b6-c1d8-49b7-a593-a1b9e7fc9cf3" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FSc5AwWnu4lX4YMqNA9qG%2Fimage.png?alt=media&#x26;token=78778d37-3377-4d85-b4ec-6ca1e4636702" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Vertical Group

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F6XBjciNv8Eu0I9mmxRlQ%2Fimage.png?alt=media&#x26;token=f1fe80eb-06fd-49c5-b5bb-f412092ebc08" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F8khjyLzkQAxJHEeWMTph%2Fimage.png?alt=media&#x26;token=69c61d78-fd51-4e3d-8c8e-c0aa2016a53c" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Foldout Group

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FH04M7ZvNn0vPCZlMVOYr%2Fimage.png?alt=media&#x26;token=1bfd482a-5050-45e2-8bca-c7bbd12b8bce" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F4x5lvN3GVqueUjzTbuvM%2Fimage.png?alt=media&#x26;token=d2021ecd-0054-41fd-983b-19aa96f4b967" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Horizontal Group

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FU0wiF7TyyE0yupV9kiwh%2Fimage.png?alt=media&#x26;token=0c80b642-5420-4b15-8202-eed9bdab1df0" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FKWnSGQh8qsSYBNOhdYUX%2Fimage.png?alt=media&#x26;token=ff720538-5463-4a25-b2ca-9b490874acce" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### 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 %}

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F6AW37ZB8UGPE8wPEGzge%2Fimage.png?alt=media&#x26;token=7bddb8ef-8036-4496-82fe-db5d218a8117" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2Fzj2c74GUydxOZERIacTC%2Fimage.png?alt=media&#x26;token=c04f45c0-41ff-4c57-9976-735b5c826525" alt=""><figcaption><p>Builder View</p></figcaption></figure>

## Style

#### Hide Label

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FU0wiF7TyyE0yupV9kiwh%2Fimage.png?alt=media&#x26;token=0c80b642-5420-4b15-8202-eed9bdab1df0" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FKWnSGQh8qsSYBNOhdYUX%2Fimage.png?alt=media&#x26;token=ff720538-5463-4a25-b2ca-9b490874acce" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Hidden

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FFKMQV8JuPcaIXKBKXpkk%2Fimage.png?alt=media&#x26;token=775cdb70-4685-42da-b3fe-a7d751036910" alt=""><figcaption><p>Inspector View - Bool set to False</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F0lTZg4vYgCiQo6nlV0QP%2Fimage.png?alt=media&#x26;token=20078164-b6b5-4ee1-8eae-6115138b08d2" alt=""><figcaption><p>Inspector View - Bool set to True</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FsYWJVzlUyHdpxW44e00f%2Fimage.png?alt=media&#x26;token=2dddc41d-9941-4358-80d5-e6108a1affea" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Disabled

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F4Uj10HuAIQsge0y1Z0vh%2Fimage.png?alt=media&#x26;token=005f36cc-9cb6-4af0-a921-ae95c2b93d5e" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2Fgm6mCyz9ueuaJnaJFVd1%2Fimage.png?alt=media&#x26;token=b15485cf-41e6-47ae-9bf1-bfe4634671be" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Color

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FrDHf2Q7IMLNv2Aalxf53%2Fimage.png?alt=media&#x26;token=4da29be2-fd4a-4be8-b110-6e4cdea07207" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F61XmajB54OcMifKHlfsv%2Fimage.png?alt=media&#x26;token=fd9fed49-e379-4015-a2d6-8db51031aeb3" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Color from RGBA

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FbW63IQ1qJSD8xVk52a3j%2Fimage.png?alt=media&#x26;token=1a04d63d-1291-448b-a233-71628d010957" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F9YI7NIxQ05f9k6NImoWv%2Fimage.png?alt=media&#x26;token=a9bf7032-7295-4611-baaf-57f46f570955" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Color from Script

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FGu3gcSCoOpMfoqdptZpR%2Fimage.png?alt=media&#x26;token=3e717ab2-85bf-43cf-9964-69ffbb6df863" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### 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 %}

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FLgcfSF8LQ4Hp66ksZO5S%2Fimage.png?alt=media&#x26;token=6bd5e91e-7acf-4e9a-a23d-ff581f7b0f42" alt=""><figcaption><p>Builder view</p></figcaption></figure>

#### Text Change

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2F9L1f26bOm0KgisXIdifb%2Fimage.png?alt=media&#x26;token=020eb85b-3acd-4480-a91b-74ed2c393180" alt=""><figcaption><p>Builder View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FllDGCS1qY2LXiIpj3LLX%2Fimage.png?alt=media&#x26;token=8fd0651f-1594-4c2b-866d-4ecdcc7bdd3e" alt=""><figcaption><p>Inspector View. Field name is "Time" even though Property is originally called "SystemTime"</p></figcaption></figure>



#### 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 %}

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FoGolYFT9w8zWyGCEXdP1%2Fimage.png?alt=media&#x26;token=809c88d9-6fab-406c-8496-8298eed74c85" alt=""><figcaption><p>Builder View</p></figcaption></figure>

## Style Conditions

#### Property Value Condition

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FUl5JcnliwViRW8ZIRZRA%2Fimage.png?alt=media&#x26;token=86c3a1d3-c451-4589-a38f-dcee506d4f34" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FlLdK5Fa7WvlPto5vA12m%2Fimage.png?alt=media&#x26;token=0adc1ff0-2ff7-4da9-acbd-271d38c7977b" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Method Return Condition

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

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FnvWnuRId8KuUd3rPsjFo%2Fimage.png?alt=media&#x26;token=1b7b1831-a702-48c1-ac4c-cfa8800a3a1c" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FGs9BxHMxked9xJbb0fhg%2Fimage.png?alt=media&#x26;token=17c5a45f-05a3-4f72-b643-03efd975a196" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Play Mode Condition

Applies its parent style based on the current play mode.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FW7Q4ftTCHOlPXrgmI6DN%2Fimage.png?alt=media&#x26;token=41af5a30-0af4-4982-b4d1-d4f9b73a0ac6" alt=""><figcaption><p>Inspector View. In this example, references cannot be changed while in Play Mode.</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FiZXpppLD3uYVKnfrGgv1%2Fimage.png?alt=media&#x26;token=f7e98c97-e800-4e97-ac83-738aa946b05f" alt=""><figcaption><p>Builder View</p></figcaption></figure>

## 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 %}

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2Fz29HYGoD2fNk10OKH9QJ%2Fimage.png?alt=media&#x26;token=3f42f683-3964-44df-bfc7-4cb3826a3bea" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FzR9CpmVb2BpyXjNMs3rX%2Fimage.png?alt=media&#x26;token=c1fd9244-c3e1-4679-a449-14a6ee525b3f" alt=""><figcaption><p>Builder View</p></figcaption></figure>

## Misc

#### Info Box

Displays an info box with a set text and style.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FRM6TslVuJr3M57AjqVTZ%2Fimage.png?alt=media&#x26;token=b9448cda-8e51-437f-ae0b-3bd9c3b87563" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FxHCvec2jGH1iiNohqqHv%2Fimage.png?alt=media&#x26;token=7ca98d8d-3797-45a8-81ee-a01a8ff9bc68" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Image

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

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.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FzZ2edcffn9HIuhGO5VTo%2Fimage-element.jpg?alt=media&#x26;token=ec7d093c-3e7d-4339-b2dd-1f835d6ed7a1" alt=""><figcaption><p>Inspector View. </p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FcJTuXyT5CpxRj6PlYZiA%2Fimage-element-inspector.jpg?alt=media&#x26;token=0906e98d-a5ac-4b83-8168-2b55f2a43f5e" alt=""><figcaption><p>Builder View</p></figcaption></figure>

#### Horizontal Line

Displays a Horizontal Line in the Inspector.

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FlNVMu5HBnXwyWsJhEDcM%2Fimage.png?alt=media&#x26;token=817b90db-6df9-4d5b-90f5-c700da729a5b" alt=""><figcaption><p>Inspector View</p></figcaption></figure>

<figure><img src="https://671643331-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHHrpueWyxbTTXBL0oWJO%2Fuploads%2FuEKuFsVEtz8a4p9gMwJq%2Fimage.png?alt=media&#x26;token=098b411e-abd0-4920-8205-e16cff87811e" alt=""><figcaption><p>Builder View</p></figcaption></figure>
