> For the complete documentation index, see [llms.txt](https://docs.floatgrids.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.floatgrids.com/ui-components.md).

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