@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
47 lines (44 loc) • 1.9 kB
TypeScript
import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import { SynOption } from '@synergy-design-system/components';
/**
* @summary Options define the selectable items within various form controls such as [select](/components/select).
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-option--docs
* @status stable
* @since 2.0
*
* @dependency syn-icon
*
* @slot - The option's label.
* @slot prefix - Used to prepend an icon or similar element to the menu item.
* @slot suffix - Used to append an icon or similar element to the menu item.
*
* @csspart checked-icon - The checked icon, an `<syn-icon>` element.
* @csspart base - The component's base wrapper.
* @csspart label - The option's label.
* @csspart prefix - The container that wraps the prefix.
* @csspart suffix - The container that wraps the suffix.
*/
declare class SynOptionComponent {
nativeElement: SynOption;
private _ngZone;
constructor(e: ElementRef, ngZone: NgZone);
/**
* The option's value.
* When selected, the containing form control will receive this value.
* The value must be unique
from other options in the same group.
* Values may not contain spaces, as spaces are used as delimiters when listing
multiple values.
*/
set value(v: SynOption['value']);
get value(): SynOption['value'];
/**
* Draws the option in a disabled state, preventing selection.
*/
set disabled(v: '' | SynOption['disabled']);
get disabled(): SynOption['disabled'];
static ɵfac: i0.ɵɵFactoryDeclaration<SynOptionComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SynOptionComponent, "syn-option", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
}
export { SynOptionComponent };