Radio Input Element

The Radio Input element allows users to select a single value from a predefined set of mutually exclusive options.

Live Preview

Radio Input Preview

Specifications

Radio inputs are perfect for single-selection choice lists:

  • Option Lists: Provide a list of Strings that the element will render as selectable triggers.
  • Group Layout: Arrange your radio options in Horizontal or Vertical stacks to fit your container's width.
  • Sizing: Choose from Small, Medium, and Large to match standard input elements.
  • Validation: Easily mark radio groups as Required for essential data collection.
  • Styling: Apply custom layouts, spacing, and styling to the entire radio group or individual containers.

AI Guidance

How to prompt for Radio Inputs:

  • Add a horizontal list of radio buttons for choosing a payment method.
  • Create a vertical group of large radio options for selecting a user role.
  • Insert a required radio group with options for color, size, and style.