generated:catalog.entry.radio-group.title
generated:catalog.entry.radio-group.description
@xngui/components/radio-group@xngui/components/radio-groupchrome:demo.section
chrome:demo.preview
import { Component } from '@angular/core';
import { XForm } from '@xngui/components/form';
import { XFormField } from '@xngui/components/form-field';
import { XRadio } from '@xngui/components/radio';
import { XRadioGroup } from '@xngui/components/radio-group';
@Component({
selector: 'app-example',
imports: [XForm, XFormField, XRadio, XRadioGroup],
templateUrl: './radio-group.component.html',
})
export class ExampleComponent {}
chrome:demo.events.title
chrome:demo.events.empty
chrome:demo.api.title
x-radio-group
chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
namestring''Shared `name` for grouped radio inputs.
orientationXOrientation'vertical'Layout direction for the option list.
sizeXSize—Visual size tier — falls back to XConfigService when unset.
densityXDensity—Spacing offsets — orthogonal to `size`; falls back to XConfigService when unset.
variantXVariant—Checked option color role — cascades to nested `x-radio`. Falls back to XConfigService when unset.
ariaLabelstring—Accessible name when no visible group label is provided.
disabledbooleanfalsePrevents interaction on the group and all options.
requiredbooleanfalseMarks the group as required for validation and ARIA.
invalidbooleanfalseMarks the group invalid for styling and ARIA.