FloatGrids Documentation
  • 🌍Go to floatgrids.com
  • 💬Get support on Discord
  • GETTING STARTED
    • Installation
    • Overview
    • Figma file
    • Demo
    • XR UI design guidelines
    • Tutorials
  • Features
    • Customization Overview
    • Color Palette
    • Typography
    • Corners
    • UI Components
    • Icons
    • Logo
    • UX Resources
  • UI Components
    • Overview
    • Alert
    • Badges
    • Button
    • Card
    • Checkbox
    • Contextual Menu
    • Divider
    • Dropdown
    • Empty State
    • Keyboard and keypad (WIP)
    • List
    • Navigation
    • Modal
    • Panel
    • Profile Image
    • Progress
    • Radio Group
    • Slider
    • Text Field
    • Table
    • Tooltip
    • Toggle
  • Views
    • Onboarding View
    • Gallery View
    • Sidebar view
    • Settings View
    • Navbar Panel
  • Layouts
    • Layouts
Powered by GitBook
On this page

Was this helpful?

  1. Features

UI Components

FloatGrids has, so far, 32 UI components, all of them are interactive in the Fima file and ready-to-use in Unity.

PreviousCornersNextIcons

Last updated 1 year ago

Was this helpful?

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.

Find Primitive prefabs in FloatGrids/Design System/Customization/Primitive UI Components

Find the components in FloatGrids/Design System/UI Components

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

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.

Example of primtives applied to Buttons