Skip to content

@jsvision/ui / topRight

Function: topRight()

topRight<V>(view, width, height): V

Defined in: ui/src/view/dsl/stack.ts:332

Tag a view as a fixed-size stack layer pinned to the top-right corner.

Type Parameters

V

V extends View

Parameters

view

V

The layer view.

width

number

Fixed width in cells.

height

number

Fixed height in cells.

Returns

V

The same view, for inline chaining inside a stack(...).

Example

ts
import { View, stack, topRight, type DrawContext } from '@jsvision/ui';

class Panel extends View {
  constructor(private readonly label: string) { super(); }
  draw(ctx: DrawContext) { ctx.fill(' ', ctx.color('window')); ctx.text(1, 0, this.label); }
}

const canvas = new Panel('canvas');
const badge = new Panel('NEW');
const screen = stack(canvas, topRight(badge, 5, 1));