RadioGroup

ObjectBase → NodeBase → SelectableNode → RadioGroup

new RadioGroup(
  id: string,
  placeholder?: string,
  value?: OptionChild[] | Promise<OptionChild[]> | Observable<OptionChild[]>,
  selected?: string,
  singleLine?: boolean,
  icon?: string,
  errorMessage?: string,
  disabled?: boolean,
  validator?: Validator | AbstractControlOptions,
  asyncValidator?: AsyncValidatorFn,
  action?: Action | Action[]
)

getOptions(): OptionChild[]

getNativeElement(): HTMLElement | null

import { RadioGroup, OptionChild } from '@ng-mdf/core';
import { Validators } from '@angular/forms';

// Simple radio group with static options
const genderRadioGroup = new RadioGroup(
  'gender',
  'Select your gender',
  [
    new OptionChild('male', 'Male'),
    new OptionChild('female', 'Female'),
    new OptionChild('other', 'Other'),
    new OptionChild('prefer-not', 'Prefer not to say')
  ],
  'prefer-not',  // preselected value
  false,
  undefined,
  'Please select a gender',
  false,
  Validators.required
);

// Radio group with action
import { Action } from '@ng-mdf/core';

const subscriptionRadioGroup = new RadioGroup(
  'subscription',
  'Choose your plan',
  [
    new OptionChild('free', 'Free - $0/month'),
    new OptionChild('basic', 'Basic - $9.99/month'),
    new OptionChild('pro', 'Pro - $19.99/month'),
    new OptionChild('enterprise', 'Enterprise - Contact us')
  ],
  'free',
  false,
  'payment',
  undefined,
  false,
  Validators.required,
  undefined,
  new Action('change', (event) => {
    console.log('Selected plan:', event.value);
    // Update pricing display or load additional options
  })
);

// Radio group with async options from API
const categoryRadioGroup = new RadioGroup(
  'category',
  'Select a category',
  fetch('/api/categories').then(res => res.json()),
  undefined,
  false,
  'category'
);