@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
50 lines (49 loc) • 2.04 kB
TypeScript
import { ButtonSizeProps, ButtonVariantProps } from '@sixbell-telco/sdk/components/button';
import * as i0 from "@angular/core";
export type ModalActionsAligmentProps = 'left' | 'right' | 'center';
/**
* Component to render a table action, typically a button with optional tooltip.
*
* @remarks
* This component encapsulates a button within a table, allowing for consistent styling
* and easy integration with tooltips.
*
* @example
* ```html
* <st-table-action tooltip="Delete" icon="delete">
* Delete
* </st-table-action>
* ```
*/
export declare class TableActionComponent {
/**
* Button style variant.
* @defaultValue 'primary'
*/
variant: import("@angular/core").InputSignal<ButtonVariantProps>;
/**
* Tooltip text (optional).
*/
tooltip: import("@angular/core").InputSignal<string | undefined>;
/**
* Icon name (optional).
*/
icon: import("@angular/core").InputSignal<string | undefined>;
/**
* Button size.
* @defaultValue 'md'
*/
size: import("@angular/core").InputSignal<ButtonSizeProps>;
/**
* Computes CSS classes for the table action text size based on the current size setting.
*
* @returns A string of CSS classes determined by the component's size:
* - 'xs' size: applies 'text-[0.6875rem]' class
* - 'sm' size: applies 'text-xs' class
* - 'md' size: applies 'text-sm' class
* - 'lg' or 'xl' size: applies 'text-lg' class
*/
tableActionClass: import("@angular/core").Signal<string>;
static ɵfac: i0.ɵɵFactoryDeclaration<TableActionComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TableActionComponent, "st-table-action", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}