@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
43 lines (40 loc) • 1.78 kB
TypeScript
import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import SynButtonGroup from '@synergy-design-system/components/components/button-group/button-group.component.js';
/**
* @summary Button groups can be used to group related buttons into sections.
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-button-group--docs
* @status stable
* @since 3.1.0
*
* @slot - One or more `<syn-button>` elements to display in the button group.
*
* @csspart base - The component's base wrapper.
*/
declare class SynButtonGroupComponent {
nativeElement: SynButtonGroup;
private _ngZone;
constructor(e: ElementRef, ngZone: NgZone);
/**
* A label to use for the button group.
* This won't be displayed on the screen, but it will be announced by assistive
devices when interacting with the control and is strongly recommended.
*/
set label(v: SynButtonGroup['label']);
get label(): SynButtonGroup['label'];
/**
* The button-groups size.
* This affects all buttons within the group.
*/
set size(v: SynButtonGroup['size']);
get size(): SynButtonGroup['size'];
/**
* The button-group's theme variant.
* This affects all buttons within the group.
*/
set variant(v: SynButtonGroup['variant']);
get variant(): SynButtonGroup['variant'];
static ɵfac: i0.ɵɵFactoryDeclaration<SynButtonGroupComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SynButtonGroupComponent, "syn-button-group", never, { "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
}
export { SynButtonGroupComponent };