UNPKG

@nebular/theme

Version:
122 lines (121 loc) 3.58 kB
import { ChangeDetectorRef, EventEmitter } from '@angular/core'; import { NbComponentStatus } from '../component-status'; /** * The `NbRadioComponent` provides the same functionality as native `<input type="radio">` * with Nebular styles and animations. * * @stacked-example(Showcase, radio/radio-showcase.component) * * ### Installation * * Import `NbRadioModule` to your feature module. * * ```ts * @NgModule({ * imports: [ * // ... * NbRadioModule, * ], * }) * export class PageModule { } * ``` * * ### Usage * * Radio buttons should be wrapped in `nb-radio-group` to provide form bindings. * * ```html * <nb-radio-group [(ngModel)]="selectedOption"> * <nb-radio value="1">Option 1</nb-radio> * <nb-radio value="2">Option 2</nb-radio> * <nb-radio value="3">Option 3</nb-radio> * </nb-radio-group> * ``` * * You can disable some radios in the group using a `disabled` attribute. * * @stacked-example(Disabled, radio/radio-disabled.component) * * * @styles * * radio-width: * radio-height: * radio-background-color: * radio-border-color: * radio-border-style: * radio-border-width: * radio-text-color: * radio-text-font-family: * radio-text-font-size: * radio-text-font-weight: * radio-text-line-height: * radio-outline-color: * radio-outline-width: * radio-disabled-border-color: * radio-disabled-text-color: * radio-disabled-inner-circle-color: * radio-primary-border-color: * radio-primary-inner-circle-color: * radio-primary-focus-border-color: * radio-primary-focus-inner-circle-color: * radio-primary-hover-border-color: * radio-primary-hover-inner-circle-color: * radio-primary-active-border-color: * radio-primary-active-inner-circle-color: * radio-success-border-color: * radio-success-inner-circle-color: * radio-success-focus-border-color: * radio-success-focus-inner-circle-color: * radio-success-hover-border-color: * radio-success-hover-inner-circle-color: * radio-success-active-border-color: * radio-success-active-inner-circle-color: * radio-warning-border-color: * radio-warning-inner-circle-color: * radio-warning-focus-border-color: * radio-warning-focus-inner-circle-color: * radio-warning-hover-border-color: * radio-warning-hover-inner-circle-color: * radio-warning-active-border-color: * radio-warning-active-inner-circle-color: * radio-danger-border-color: * radio-danger-inner-circle-color: * radio-danger-focus-border-color: * radio-danger-focus-inner-circle-color: * radio-danger-hover-border-color: * radio-danger-hover-inner-circle-color: * radio-danger-active-border-color: * radio-danger-active-inner-circle-color: * radio-info-border-color: * radio-info-inner-circle-color: * radio-info-focus-border-color: * radio-info-focus-inner-circle-color: * radio-info-hover-border-color: * radio-info-hover-inner-circle-color: * radio-info-active-border-color: * radio-info-active-inner-circle-color: * */ export declare class NbRadioComponent { protected cd: ChangeDetectorRef; name: string; private _name; checked: boolean; private _checked; value: any; private _value; disabled: boolean; private _disabled; status: '' | NbComponentStatus; private _status; valueChange: EventEmitter<any>; blur: EventEmitter<void>; constructor(cd: ChangeDetectorRef); readonly isPrimary: boolean; readonly isSuccess: boolean; readonly isWarning: boolean; readonly isDanger: boolean; readonly isInfo: boolean; onChange(event: Event): void; onClick(event: Event): void; }