Site docs are currently being updated 🚧 Thank you for your patience! 🙏

WPGraphQL Logo

Radio Button

ACF
Last Upated: Thursday, Feb 1, 2024

radio_button

The Radio Button field type is native to ACF (free) and provides a list of select-able inputs.

Resolve Type

Fields of the "radio_button" field type resolve to a "String" in the GraphQL Schema. (even if the choice values are integers or booleans)

Field Settings

Below you will find information about how various ACF field settings can impact how the field will map to the GraphQL Schema and/or modify resolution of the field when queried.

Field Configuration

<?php
add_action( 'acf/include_fields', function() {
  if ( ! function_exists( 'acf_add_local_field_group' ) ) {
      return;
  }
  acf_add_local_field_group(
    [
      {
        "key": "my_field_group_",
        "title": "My Field Group with radio",
        "show_in_graphql": 1,
        "graphql_field_name": "myFieldGroupWithRadio",
        "map_graphql_types_from_location_rules": 0,
        "graphql_types": [
          "Page"
        ],
        "fields": [
          {
            "key": "my_field_",
            "label": "My Field",
            "name": "my_field",
            "type": "radio",
            "show_in_graphql": 1,
            "graphql_field_name": "myFieldWithRadio"
          }
        ],
        "location": [
          [
            {
              "param": "post_type",
              "operator": "==",
              "value": "page"
            }
          ]
        ]
      }
    ]
  );
});

Querying the Radio Button Field

Next
Range