@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
44 lines (43 loc) • 1.34 kB
TypeScript
import { DropdownComponent } from '../src/dropdown.component';
import * as i0 from "@angular/core";
/**
* A selectable item component for use within dropdown menus
*
* @remarks
* Designed to be used inside `<st-dropdown>` components. Handles selection events
* and automatically closes the parent dropdown when clicked.
*
* @example
* ```html
* <st-dropdown-item (selected)="handleItemSelect()">
* <st-icon icon="check"></st-icon>
* <span typography>Select Item</span>
* </st-dropdown-item>
* ```
*
* @example
* ```html
* <st-dropdown-item class="custom-item-style" (selected)="logSelection()">
* Custom styled item
* </st-dropdown-item>
* ```
*/
export declare class DropdownItemComponent {
private dropdown;
/**
* Event emitted when the item is selected
*/
selected: import("@angular/core").OutputEmitterRef<void>;
/**
* @internal
* Reference to parent dropdown component
*/
constructor(dropdown: DropdownComponent);
/**
* @internal
* Handles item selection and dropdown state
*/
handleSelect(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, [{ host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "st-dropdown-item", never, {}, { "selected": "selected"; }, never, ["*"], true, never>;
}