Koobiq

import { KbqRadioModule } from '@koobiq/components/radio';

Directives

KbqRadioGroup

Selector: kbq-radio-group

Exported as: kbqRadioGroup

Properties

Name	Description
@Input() big: boolean
@Input() disabled: boolean	Whether the radio group is disabled
@Input() labelPosition: "before" \| "after"	Whether the labels should appear after or before the radio-buttons. Defaults to 'after'
@Input() name: string	Name of the radio button group. All radio buttons inside this group will use this name.
@Input() required: boolean	Whether the radio group is required
@Input() selected: KbqRadioButton	Whether the radio button is selected.
@Input() value: any	Value of the radio button.
@Output('change') change: EventEmitter	Event emitted when the group value changes. Change events are only emitted when the value changes due to user interaction with a radio button (the same behavior as ``).
controlValueAccessorChangeFn: (value: any) => void	The method to be called in order to update ngModel
radios: QueryList	Child radio buttons.

Name

Description

@Input()

big: boolean

@Input()

disabled: boolean

Whether the radio group is disabled

@Input()

labelPosition: "before" | "after"

Whether the labels should appear after or before the radio-buttons. Defaults to 'after'

@Input()

name: string

Name of the radio button group. All radio buttons inside this group will use this name.

@Input()

required: boolean

Whether the radio group is required

@Input()

selected: KbqRadioButton

Whether the radio button is selected.

@Input()

value: any

Value of the radio button.

@Output('change')

change: EventEmitter

Event emitted when the group value changes. Change events are only emitted when the value changes due to user interaction with a radio button (the same behavior as ``).

controlValueAccessorChangeFn: (value: any) => void

The method to be called in order to update ngModel

radios: QueryList

Child radio buttons.

Methods

checkSelectedRadioButton

emitChangeEvent

Dispatch change event with current selection and group value.

markRadiosForCheck

touch

Mark this group as being "touched" (for ngModel). Meant to be called by the contained radio buttons upon their blur.

KbqRadioButton

Selector: kbq-radio-button

Exported as: kbqRadioButton

Properties

Name	Description
@Input() checked: boolean	Whether this radio button is checked.
@Input() disabled: boolean	Whether the radio button is disabled.
@Input() id: string	The unique ID for the radio button.
@Input() isFocused: boolean
@Input() name: string	Analog to HTML 'name' attribute used to group radios for unique selection.
@Input() required: boolean	Whether the radio button is required.
@Input() value: any	The value of this radio button.
@Output('change') change: EventEmitter	Event emitted when the checked state of this radio button changes. Change events are only emitted when the value changes due to user interaction with the radio button (the same behavior as ``).
color: string
colorClassName: string	current class name of color
inputElement: ElementRef	The native `` element
inputId: string	ID of the native input element inside ``
radioGroup: KbqRadioGroup	The parent radio group. May or may not be present.

Name

Description

@Input()

checked: boolean

Whether this radio button is checked.

@Input()

disabled: boolean

Whether the radio button is disabled.

@Input()

id: string

The unique ID for the radio button.

@Input()

isFocused: boolean

@Input()

name: string

Analog to HTML 'name' attribute used to group radios for unique selection.

@Input()

required: boolean

Whether the radio button is required.

@Input()

value: any

The value of this radio button.

@Output('change')

change: EventEmitter

Event emitted when the checked state of this radio button changes. Change events are only emitted when the value changes due to user interaction with the radio button (the same behavior as ``).

color: string

colorClassName: string

current class name of color

inputElement: ElementRef

The native `` element

inputId: string

ID of the native input element inside ``

radioGroup: KbqRadioGroup

The parent radio group. May or may not be present.

Methods

focus

Focuses the radio button.

markForCheck

Marks the radio button as needing checking for change detection. This method is exposed because the parent radio group will directly update bound properties of the radio button.

onInputChange

onInputClick

setDefaultColor

this color will be used as a default value. For example [color]="'' | false | undefined | null".

Classes

KbqRadioChange

Change event object emitted by KbqRadio.

Properties

Name	Description
source: KbqRadioButton	The KbqRadioButton that emits the change event.
value: any	The value of the KbqRadioButton.

Name

Description

source: KbqRadioButton

The KbqRadioButton that emits the change event.

value: any

The value of the KbqRadioButton.

Если у вас есть вопросы или вы хотите внести свой вклад в написание документации, пожалуйста, создайте issue в нашем репозитории на GitHub.