# UI Components

## Customize FloatGrids UI Components

* FloatGrids uses Prefabs to set the baselines of the components. 
* Some components have variants in a form of Prefab Variants. These components are customized using the Primitive Prefabs. In these cases, use the variant in your scene.

{% hint style="info" %}
**Find Primitive prefabs in**\
FloatGrids/Design System/Customization/Primitive UI Components

**Find the components in**\
FloatGrids/Design System/UI Components
{% endhint %}

For example, there are 10 different styles of buttons, and each style has three variants, Large, Medium and Small. So, at the end of the day you have 30 different buttons. All these buttons are variants of only 3 prefabs, the primitive prefabs. So, you can change font style, corners or sizes to all these 30 buttons just by editing the 3 primitives prefabs. 

* Edit Primitive prefabs to change size, spaces, structure and font styles to all Alerts at once. 
* Edit each variant to customize color and icons. 
* Find Primitive prefabs in FloatGrids/Design System/Customization/Primitive UI Components

{% hint style="info" %}
Some components, such as Dropdown for instance, don't have variants, so there is no primitive prefab for them. If you want to customize these components, just edit the prefab.
{% endhint %}

{% embed url="<https://youtu.be/M0EwV1bg4mk>" %}
Example of primtives applied to Buttons
{% endembed %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.floatgrids.com/features/ui-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.