# UI Components

- [Overview](https://docs.floatgrids.com/ui-components/overview.md)
- [Alert](https://docs.floatgrids.com/ui-components/alert.md): Use alerts to give feedback to your user. Alerts can be placed either in the space or on the panels.
- [Badges](https://docs.floatgrids.com/ui-components/badges.md): Badges are utilized to indicate states atop other components. FloatGrids offer 10 variants of badges for you to utilize, depending on the case.
- [Button](https://docs.floatgrids.com/ui-components/button.md): FloatGrids has 10 different styles of buttons plus three styles for icon buttons.
- [Card](https://docs.floatgrids.com/ui-components/card.md): Cards help in organizing content in a more visual way. Use Cards to visually separate one content to the other and make scanning easier for your users.
- [Checkbox](https://docs.floatgrids.com/ui-components/checkbox.md)
- [Contextual Menu](https://docs.floatgrids.com/ui-components/contextual-menu.md)
- [Divider](https://docs.floatgrids.com/ui-components/divider.md)
- [Dropdown](https://docs.floatgrids.com/ui-components/dropdown.md)
- [Empty State](https://docs.floatgrids.com/ui-components/empty-state.md): Empty states are used to guide users towards an action. They take over a screen before items have been edded to it. Empty states have 4 main sections: Icon, title, description and actions.
- [Keyboard and keypad (WIP)](https://docs.floatgrids.com/ui-components/keyboard-and-keypad-wip.md): We're still working on the keyboard but so far you have it assembled in both Figma and Unity
- [List](https://docs.floatgrids.com/ui-components/list.md)
- [Navigation](https://docs.floatgrids.com/ui-components/navigation.md)
- [Modal](https://docs.floatgrids.com/ui-components/modal.md)
- [Panel](https://docs.floatgrids.com/ui-components/panel.md): Panels are where the UI resides. Use the empty panel to create new views or utilize the pre-made panels to fill them with your content. Pre-made panels adjust in size so they can be used in any layout
- [Profile Image](https://docs.floatgrids.com/ui-components/profile-image.md)
- [Progress](https://docs.floatgrids.com/ui-components/progress.md)
- [Radio Group](https://docs.floatgrids.com/ui-components/radio-group.md)
- [Slider](https://docs.floatgrids.com/ui-components/slider.md)
- [Text Field](https://docs.floatgrids.com/ui-components/text-field.md)
- [Table](https://docs.floatgrids.com/ui-components/table.md): The FloatGrids table component is a versatile feature that enables you to swiftly generate various types of tables containing badges, profile images, action sections, or plain text.
- [Tooltip](https://docs.floatgrids.com/ui-components/tooltip.md)
- [Toggle](https://docs.floatgrids.com/ui-components/toggle.md)


---

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