Radio

bk-radio-button: one option in a radio group; group them by binding the same ngModel and giving each a distinct [value]. Two visual variants: dot and tick.

bk-radio-buttonForms and inputsAngular

Preview

A working preview of Radio in the Brickclay style. Try it.

MonthlyYearlyLifetime (disabled)

Interact with the preview to see events here.

Dot variant (default)

Tick variant

Deselectable, [allowDeselect]="true"

Click the selected option again to clear it. Value: a

Sizes

radioClass has no default, pass one of xsm, sm, md, lg, or the circle renders at zero size.

Dot variant

API reference

Input	Type	Default	Description
`value`	unknown	–	Model value this option represents.
`allowDeselect / uncheckedValue`	boolean / unknown	false / null	Clicking the selected radio clears the model.
`variant`	`'dot' \| 'tick'`	`'dot'`	Visual style.
`disabled`	`boolean`	`false`	Disables just this option.
`change`	`EventEmitter<unknown>`	output	Fires with the new model value.