stack.svelte

Interfaces

StackProps

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:3

Properties

align?

optional align?: "start" | "end" | "center" | "stretch";

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:7

Cross-axis (horizontal) placement of the children.

as?

optional as?: any;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:4

children

children: Snippet;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:23

fill?

optional fill?: boolean;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:20

Fill the parent's height, so justify has room to distribute.

gap?

optional gap?: any;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:5

grow?

optional grow?: boolean;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:18

Take the remaining space along the parent's main axis.

justify?

optional justify?: "start" | "end" | "center" | "between";

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:16

Main-axis (vertical) placement of the children.

Only meaningful when the Stack has more height than its content — inside a Cover body, a Bound size="full", or anything else that hands it a definite height. A Stack whose height comes from its own content has nothing to distribute, which is why placing content against a min-h-* parent silently does nothing and the content stays at the top. Pair with fill.

shrink?

optional shrink?: boolean;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:22

Allow this region to shrink when its parent is constrained.

Type Aliases

default

type default = ReturnType<typeof default>;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:25

Variables

default

const default: Component;

Defined in: apps/website/.api-docs-entry/ui/build/layout/stack.svelte.d.ts:25