@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
42 lines (41 loc) • 1.8 kB
TypeScript
import { TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
/**
* DropdownContent - Container for dropdown menu items
*
* @remarks
* This component contains the dropdown menu items and provides them as a template
* for the trigger component to display in the overlay.
*
* @example
* ```html
* <st-dropdown-content>
* <st-dropdown-item>Menu Item 1</st-dropdown-item>
* <st-dropdown-item>Menu Item 2</st-dropdown-item>
* <div class="divider"></div>
* <st-dropdown-item>Menu Item 3</st-dropdown-item>
* </st-dropdown-content>
* ```
*/
export declare class DropdownContentComponent {
template: import("@angular/core").Signal<TemplateRef<unknown>>;
/** Custom CSS classes */
class: import("@angular/core").InputSignal<string>;
/** Size variant */
size: import("@angular/core").InputSignal<"xs" | "sm" | "md" | "lg" | "xl">;
/** Whether to apply shadow */
shadow: import("@angular/core").InputSignal<boolean>;
/** Event emitted when close is requested */
closeRequested: import("@angular/core").OutputEmitterRef<void>;
/**
* Computed CSS classes for the content
*/
contentClass: () => string;
/**
* Request to close the dropdown
* This will be handled by the parent dropdown component
*/
requestClose(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContentComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownContentComponent, "st-dropdown-content", ["dropdownContent"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; }, { "closeRequested": "closeRequested"; }, never, ["*"], true, never>;
}