Skip to content

layout

layout

Interfaces

BoundProps

Defined in: packages/ui/build/layout/bound.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:9

clip?
optional clip?: boolean;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:8

pad?
optional pad?: LayoutPad;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:7

size?
optional size?: BoundSize;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:6

CenterProps

Defined in: packages/ui/build/layout/center.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/center.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/center.svelte.d.ts:7

measure?
optional measure?: CenterMeasure;

Defined in: packages/ui/build/layout/center.svelte.d.ts:6

ClusterProps

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:3

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

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

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:6

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:4

children
children: Snippet;

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:8

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:5

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

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:7

ColumnProps

Defined in: packages/ui/build/layout/column.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/column.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/column.svelte.d.ts:7

span?
optional span?: ColumnSpan;

Defined in: packages/ui/build/layout/column.svelte.d.ts:6

ColumnsProps

Defined in: packages/ui/build/layout/columns.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:8

count?
optional count?: ColumnCount;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:6

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:7

CoverProps

Defined in: packages/ui/build/layout/cover.svelte.d.ts:3

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:4

bottom?
optional bottom?: Snippet<[]>;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:8

children
children: Snippet;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:9

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:5

pad?
optional pad?: LayoutPad;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:6

top?
optional top?: Snippet<[]>;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:7

FrameProps

Defined in: packages/ui/build/layout/frame.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/frame.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/frame.svelte.d.ts:7

ratio?
optional ratio?: FrameRatio;

Defined in: packages/ui/build/layout/frame.svelte.d.ts:6

GridProps

Defined in: packages/ui/build/layout/grid.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:5

children
children: Snippet;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:8

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:6

minimum?
optional minimum?: GridMinimum;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:7

InlineProps

Defined in: packages/ui/build/layout/inline.svelte.d.ts:3

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

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

Defined in: packages/ui/build/layout/inline.svelte.d.ts:6

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/inline.svelte.d.ts:4

children
children: Snippet;

Defined in: packages/ui/build/layout/inline.svelte.d.ts:8

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/inline.svelte.d.ts:5

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

Defined in: packages/ui/build/layout/inline.svelte.d.ts:7

ScrollProps

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:4

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:5

axis?
optional axis?: ScrollAxis;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:6

children
children: Snippet;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:8

name
name: string;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:7

SplitProps

Defined in: packages/ui/build/layout/split.svelte.d.ts:5

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/split.svelte.d.ts:6

collapse?
optional collapse?: SplitCollapse;

Defined in: packages/ui/build/layout/split.svelte.d.ts:8

collapseAt?
optional collapseAt?: "compact" | "narrow";

Defined in: packages/ui/build/layout/split.svelte.d.ts:9

end
end: Snippet;

Defined in: packages/ui/build/layout/split.svelte.d.ts:12

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/split.svelte.d.ts:10

ratio?
optional ratio?: SplitRatio;

Defined in: packages/ui/build/layout/split.svelte.d.ts:7

start
start: Snippet;

Defined in: packages/ui/build/layout/split.svelte.d.ts:11

switchLabels?
optional switchLabels?: readonly [string, string];

Defined in: packages/ui/build/layout/split.svelte.d.ts:13

StackProps

Defined in: packages/ui/build/layout/stack.svelte.d.ts:3

Extends

  • LayoutAttributes

Indexable

[key: symbol]: false | Attachment<HTMLElement> | null | undefined
[key: `data-${string}`]: any

Properties

as?
optional as?: LayoutElement;

Defined in: packages/ui/build/layout/stack.svelte.d.ts:4

children
children: Snippet;

Defined in: packages/ui/build/layout/stack.svelte.d.ts:6

gap?
optional gap?: LayoutGap;

Defined in: packages/ui/build/layout/stack.svelte.d.ts:5

Type Aliases

Bound

type Bound = ReturnType<typeof Bound>;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:11

BoundSize

type BoundSize = "compact" | "standard" | "tall" | "full";

Defined in: packages/ui/build/layout/bound.svelte.d.ts:3

Center

type Center = ReturnType<typeof Center>;

Defined in: packages/ui/build/layout/center.svelte.d.ts:9

CenterMeasure

type CenterMeasure = "reading" | "wide" | "full";

Defined in: packages/ui/build/layout/center.svelte.d.ts:3

Cluster

type Cluster = ReturnType<typeof Cluster>;

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:10

Column

type Column = ReturnType<typeof Column>;

Defined in: packages/ui/build/layout/column.svelte.d.ts:9

ColumnCount

type ColumnCount = 2 | 3 | 4 | 6;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:3

Columns

type Columns = ReturnType<typeof Columns>;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:10

ColumnSpan

type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | "all";

Defined in: packages/ui/build/layout/column.svelte.d.ts:3

Cover

type Cover = ReturnType<typeof Cover>;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:11

Frame

type Frame = ReturnType<typeof Frame>;

Defined in: packages/ui/build/layout/frame.svelte.d.ts:9

FrameRatio

type FrameRatio = "square" | "portrait" | "landscape" | "widescreen";

Defined in: packages/ui/build/layout/frame.svelte.d.ts:3

Grid

type Grid = ReturnType<typeof Grid>;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:10

GridMinimum

type GridMinimum = "compact" | "card" | "panel";

Defined in: packages/ui/build/layout/grid.svelte.d.ts:3

Inline

type Inline = ReturnType<typeof Inline>;

Defined in: packages/ui/build/layout/inline.svelte.d.ts:10

LayoutElement

type LayoutElement = 
  | "div"
  | "section"
  | "main"
  | "aside"
  | "header"
  | "footer"
  | "nav"
  | "form"
  | "fieldset"
  | "dl"
  | "ol"
  | "ul"
  | "li";

Defined in: packages/ui/build/layout/layout.shared.d.ts:3

LayoutGap

type LayoutGap = "none" | "xs" | "sm" | "md" | "lg" | "xl";

Defined in: packages/ui/build/layout/layout.shared.d.ts:4

LayoutPad

type LayoutPad = Exclude<LayoutGap, "xl">;

Defined in: packages/ui/build/layout/layout.shared.d.ts:5

Scroll

type Scroll = ReturnType<typeof Scroll>;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:10

ScrollAxis

type ScrollAxis = "x" | "y" | "both";

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:3

Split

type Split = ReturnType<typeof Split>;

Defined in: packages/ui/build/layout/split.svelte.d.ts:15

SplitCollapse

type SplitCollapse = "stack" | "switch" | "none";

Defined in: packages/ui/build/layout/split.svelte.d.ts:4

SplitRatio

type SplitRatio = "rail" | "sidebar" | "third" | "half" | "wide";

Defined in: packages/ui/build/layout/split.svelte.d.ts:3

Stack

type Stack = ReturnType<typeof Stack>;

Defined in: packages/ui/build/layout/stack.svelte.d.ts:8

Variables

Bound

const Bound: Component;

Defined in: packages/ui/build/layout/bound.svelte.d.ts:11

Center

const Center: Component;

Defined in: packages/ui/build/layout/center.svelte.d.ts:9

Cluster

const Cluster: Component;

Defined in: packages/ui/build/layout/cluster.svelte.d.ts:10

Column

const Column: Component;

Defined in: packages/ui/build/layout/column.svelte.d.ts:9

Columns

const Columns: Component;

Defined in: packages/ui/build/layout/columns.svelte.d.ts:10

Cover

const Cover: Component;

Defined in: packages/ui/build/layout/cover.svelte.d.ts:11

Frame

const Frame: Component;

Defined in: packages/ui/build/layout/frame.svelte.d.ts:9

Grid

const Grid: Component;

Defined in: packages/ui/build/layout/grid.svelte.d.ts:10

Inline

const Inline: Component;

Defined in: packages/ui/build/layout/inline.svelte.d.ts:10

Scroll

const Scroll: Component;

Defined in: packages/ui/build/layout/scroll.svelte.d.ts:10

Split

const Split: Component;

Defined in: packages/ui/build/layout/split.svelte.d.ts:15

Stack

const Stack: Component;

Defined in: packages/ui/build/layout/stack.svelte.d.ts:8