@fireng/layout
Version:
Angular directives for responsive layout and visual adjustments using Fireng breakpoints.
39 lines (38 loc) • 2.1 kB
TypeScript
import { FirengAlignItems } from '../fireng.types';
import { FirengResponsiveMap } from '@fireng/core';
import * as i0 from "@angular/core";
export declare class FirengAlignItemDirective {
/**
* Defines how flex items are aligned along the cross axis of their container
* (perpendicular to the main axis).
* Accepted values for alignItems are:
* - `flex-start`: Items are aligned to the start of the cross axis.
* - `flex-end`: Items are aligned to the end of the cross axis.
* - `center`: Items are centered along the cross axis.
* - `baseline`: Items are aligned such that their baselines align.
* - `stretch`: Items stretch to fill the container (this is the default behavior).
*
* Other accepted values include: `normal`, `start`, `end`, `self-start`, `self-end`,
* `anchor-center`, `first baseline`, `last baseline`, `safe center`, `unsafe center`.
*
* Global CSS values are also accepted: `inherit`, `initial`, `unset`, `revert`.
*
* For more details on align-items properties, refer to the MDN documentation:
* @see [MDN - align-items](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)
*
* Can also be provided as a responsive map for different screen sizes.
* @example
* // Static usage:
* <div fireAlignItems="center">...</div>
* <div fireAlignItems="baseline">...</div>
* <div fireAlignItems="unset">...</div>
* // Responsive usage:
* <div fireAlignItems="{ xs: 'flex-start', sm: 'center', md: 'stretch', lg: 'inherit' }">...</div>
* @defaultValue `normal`
*/
alignItems: import("@angular/core").InputSignal<FirengAlignItems | FirengResponsiveMap<FirengAlignItems>>;
private screenService;
private readonly activeAlignItem;
static ɵfac: i0.ɵɵFactoryDeclaration<FirengAlignItemDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FirengAlignItemDirective, "[fireAlignItem]", never, { "alignItems": { "alias": "fireAlignItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}