Flux Product Docs
  • What is Flux?
  • Guides
    • Creating a Premium Video
    • Creating Your First Site
    • Creating a Countdown
    • Creating a Navigation Bar
    • Creating a Group
    • Custom 404 Page
    • Adding a Favicon to Your Site
    • Adding Videos to Your Site
    • Managing Your Guest List
    • Asset Management
    • Creating Sites from Site Templates
    • Publishing Site Versions
    • Advanced Debugging
  • Fundamentals
    • Key Concepts
    • Sites
    • Guests
    • Environments
      • Show Variables
    • Flows
      • Anatomy of a Node
      • Connecting Nodes and Building Flows
      • Passing Data
      • Scope
      • Interpolation
    • Keyboard Shortcuts
      • Keyboard Shortcuts - Page Editor
    • Animation States
    • Local Variables
    • Groups
  • Use Cases
    • For Designers
    • For Engineers
      • Custom CSS
      • Custom Modules
    • For Event Manager
      • Intercom Integration
  • Documentation
    • FAQ
    • Glossary
    • 🚀Show Controller
      • Modes
    • Domains and Subdomains
      • Hover
      • AWS Route 53
    • Premium Live Channels
    • Basic Video
    • Premium Video
      • AI Generated Subtitles
      • Supported Input Codecs and Containers
      • Supported Language Labels
      • Serverside Forensic Watermarking
    • Flow Nodes
      • Middleware
  • Modules
    • Access Code
    • Audio
    • Button
    • Carousel
    • Chat
    • Checkbox
    • Container
    • Countdown
    • Date
    • Embed
    • Image
    • Intercom
    • Link
    • Lottie
    • Page
    • Meter
    • Modal
    • Photobooth Gallery
    • Open Login
    • QR Code
    • Radio
    • Rich Text
    • Stack
    • Style
    • Spline
    • Switch
    • Text Input
    • Video
  • Template Guides
    • NatGeo FYC
      • Adding a Panel
    • Meow Wolf All Shrimps
  • 🚀Change Logs
    • July 12, 2024
    • June 08, 2024
    • April 26, 2024
    • April 12, 2024
    • March 29, 2024
    • March 15, 2024
    • March 1, 2024
    • September 2022
    • August 2022
    • July 2022
    • June 2022
Powered by GitBook
On this page
  • Overview
  • Radio Properties
  • Radios
  • Nodes
  • Broadcasters

Was this helpful?

  1. Modules

Radio

Last updated 2 years ago

Was this helpful?

Overview

The Radio module can be used to add a radio button to be used in a form.

Radio Properties

Radio Group Id (required) String Sets the ID of the radio group, which can be referenced by other elements.

Radio Group Label String Sets the label for the radio group, displayed above the contents of the radio group.

Radios

Radio Button Label (required) List of or a singular String(s) Sets the contents (label) for a radio. Multiple radios can be added to a Radio Module, each with its own Button Label. Example: 'I have read the terms and conditions.'

Is this field required? Checkbox, default disabled If enabled, guests will be required to fill a radio within the module. If a guest attempts to submit the form without filling it in, a default error message will be displayed.

Custom Required Message String This field can be used to customize the error message to be displayed if a radio for required field is not checked off. Example: 'Please select one of the options before proceeding.'

  • row

  • column

  • row-reverse

  • column-reverse

Size Dropdown, default md Sets the size of the checkbox(es). These values can be used:

  • sm

  • md

  • lg

Style attribute String, css style property input Can apply additional CSS to customize the radio

Nodes

Broadcasters

Radio:on-change

Radio Group Alignment (required) String, css property The alignment of items within the radio group. These values can be used:

flex-direction
Radio modules containing groups of radio buttons, arranged as rows and columns