ngx-gem-spaas
Version:
This library contains services, components, images and styles to provide a unified look and way-of-working throughout GEM SPaaS.
26 lines (25 loc) • 1.42 kB
TypeScript
import { FormControl } from "@angular/forms";
import { BaseComponent } from "../base/base.component";
import * as i0 from "@angular/core";
/**
* The toggle component provides a custom toggle-look for checkboxes,
* in line with the Fluid UI theming.
*/
export declare class ToggleComponent extends BaseComponent {
/** The boolean form control to bind to the toggle (checkbox) */
ctrl: FormControl<boolean>;
/**
* The unique id to reference the input with (necessary for label binding). If you have multiple
* toggles, like in each row of a table, you'd typically use the for-index for this
*/
id: string;
/** The label to display next to the toggle (clickable) */
label: string;
/** The label position, to the left or right of the toggle */
labelPosition: 'left' | 'right';
/** Smaller subtext for underneath the label, usually to provide a more detailed description */
subText: string;
constructor();
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "spaas-toggle", never, { "ctrl": { "alias": "ctrl"; "required": true; }; "id": { "alias": "id"; "required": true; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "subText": { "alias": "subText"; "required": false; }; }, {}, never, never, false, never>;
}