Controls

Radio

Radio control lets you add a set of options where users can select one choice. Each option can have a label for display and a value for storing.

Control Settings

Choices - Define options for users to choose from
Allow Null - Enable option to clear selection
Output Format - Choose data format:
- Value - Returns option value
- Label - Returns option label
- Both (Array) - Returns both value and label

To add options, fill the Choices setting:

Usage

Basic Usage

PHP

<div class="option">
  <?php echo esc_html( $attributes['control_name'] ); ?>
</div>

Handlebars

<div class="option">
  {{control_name}}
</div>

With Array Output Format

PHP

<?php if ( $attributes['control_name'] ) : ?>
  <div class="option">
    <span class="label"><?php echo esc_html( $attributes['control_name']['label'] ); ?></span>
    <span class="value"><?php echo esc_html( $attributes['control_name']['value'] ); ?></span>
  </div>
<?php endif; ?>

Handlebars

<div class="option">
  <span class="label">{{control_name.label}}</span>
  <span class="value">{{control_name.value}}</span>
</div>

Post Meta

<div class="option">
  <?php echo esc_html( get_lzb_meta( 'control_meta_name' ) ); ?>
</div>

Use meaningful values in your choices that can be used as CSS classes or for conditional logic.

Previous ArticleCheckbox & Toggle Next ArticleSelect