Skip to main content
NeuralUIv1.14.3New
GitHub
Component

Radio

Single-selection option group with full Angular Forms support.

TypeScript
import { NeuRadioGroupComponent, NeuRadioComponent } from '@neural-ui/core/radio';

Theme

Size

Disabled

TypeScript
import { FormControl, ReactiveFormsModule } from '@angular/forms';
import { NeuRadioGroupComponent, NeuRadioComponent } from '@neural-ui/core/radio';

@Component({
  imports: [NeuRadioGroupComponent, NeuRadioComponent, ReactiveFormsModule],
  template: `
    <neu-radio-group [formControl]="themeCtrl">
      <neu-radio value="light" label="Claro" />
      <neu-radio value="dark" label="Oscuro" />
      <neu-radio value="system" label="Sistema" />
    </neu-radio-group>

    <!-- Reactive Forms / Reactive Forms -->
    <neu-radio-group [formControl]="themeCtrl">
      <neu-radio value="light" label="Claro" />
      <neu-radio value="dark" label="Oscuro" />
    </neu-radio-group>
  `
})
export class MyComponent {
  readonly themeCtrl = new FormControl('system', { nonNullable: true });
}