Line<T>

type Line<T> = {
  end: T;
  start: T;
};

Line type representing start and end positions.

A container for start and end values, used for CSS grid-row and grid-column shorthand properties.

Example

import { Style, Display, type Line, type GridPlacement } from "taffy-layout";

const style = new Style();
style.display = Display.Grid;

// CSS: grid-row: 1 / 3
style.gridRow = { start: 1, end: 3 };

// CSS: grid-column: 1 / span 2
style.gridColumn = { start: 1, end: { span: 2 } };

// CSS: grid-row: auto / auto
style.gridRow = { start: "auto", end: "auto" };

Type Parameters

Properties