@nebular/theme
Version:
@nebular/theme
122 lines (121 loc) • 3.58 kB
TypeScript
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;
}