dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
31 lines (30 loc) • 1.11 kB
TypeScript
import { CSSFlexDirection, Spacing } from '../../common/types';
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-stack`
* @summary A stack is a container for stacked content.
* @element dap-ds-stack
* @title - Stack
*
* @slot - The content of the stack.
*
* @csspart stack - The main stack container.
*/
export default class DapDSStack extends DdsElement {
static tagName: string;
/** The direction of the stack.
* @type {'column' | 'column-reverse' | 'row' | 'row-reverse'}
*/
direction: CSSFlexDirection;
/** Adds margin to the end of the stack. */
endMargin?: boolean;
/** Adds margin to the start of the stack. */
startMargin?: boolean;
private _spacing;
/** The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc) */
set spacing(value: Spacing);
get spacing(): Spacing;
static readonly styles: import('lit').CSSResult;
getMarginStyles(direction: CSSFlexDirection, spacing: number, startMargin?: boolean, endMargin?: boolean): string;
render(): import('lit-html').TemplateResult;
}