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
  • Button structure in Unity
  • Primitive Button prefabs
  • Button variants
  • Using icons in buttons in Unity
  • Customization in Unity

Was this helpful?

  1. UI Components

Button

FloatGrids has 10 different styles of buttons plus three styles for icon buttons.

PreviousBadgesNextCard

Last updated 1 year ago

Was this helpful?

Use Primitives prefabs to customize all the variants at once

Use the variants in your scene

Button structure in Unity

Primitive Button prefabs

  • Primitive Large

  • Primitive Medium

  • Primitive Small

Find them in FloatGrids/Design System/Customization/Primitive UI Components/Button Primitive

Button variants

Find them in FloatGrids/Design System/UI Components/Button

Using icons in buttons in Unity

You can add icons to your button by activating the game object Icon Left/Right. It'll automatically align and respect margins.

Customization in Unity

  • Edit the Primitive Button prefab to change size, spaces, corners and font styles to all buttons at once.

  • Use -Filled sprites to change corners. Ex: use corners-8px-Filled sprite in the primitive prefabs to change all the corners to 8px.

  • Edit each variant to customize color and icons.

Good to know

Editing the corners in the Primitive Button prefabs won't work for Secondary and Outlined variants since they use outlined borders. You must edit the variants instead.