carbon-components-angular
Version:
Next generation components
57 lines (53 loc) • 2.04 kB
TypeScript
/**
*
* carbon-angular v0.0.0 | stack.directive.d.ts
*
* Copyright 2014, 2025 IBM
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { ElementRef, Renderer2 } from "@angular/core";
import * as i0 from "@angular/core";
/**
* Stack elements horizontally or vertically using this helper directive. Get started with importing the module:
*
* ```typescript
* import { LayoutModule } from 'carbon-components-angular';
* ```
*
* [See demo](../../?path=/story/layout-stack--basic)
*/
export declare class StackDirective {
private render;
private hostElement;
get isHorizontal(): boolean;
get isVertical(): boolean;
/**
* @deprecated as of v5 - Use `cdsStack` input property instead
*/
set ibmStack(type: "vertical" | "horizontal");
/**
* Orientation of the items in the stack, defaults to `vertical`
* Empty string is equivalent to "vertical"
*
* Empty string has been added as an option for Angular 16+ to resolve type errors
*/
cdsStack: "vertical" | "horizontal" | "";
/**
* Gap in the layout, provide a custom value (string) or a step from the spacing scale (number)
*/
set gap(num: number);
private _gap;
constructor(render: Renderer2, hostElement: ElementRef);
static ɵfac: i0.ɵɵFactoryDeclaration<StackDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<StackDirective, "[cdsStack], [ibmStack]", never, { "ibmStack": "ibmStack"; "cdsStack": "cdsStack"; "gap": "gap"; }, {}, never, never, false>;
}