Module / v1.0.0-beta.7

@typed/ui/Grid

16 unique exports available through this public import path, including their members and aliases.

Learn this UI primitive →

import * as Grid from "@typed/ui/Grid";

Cell focus

  • InitialState

    interface

    Initial Grid values. activeId defaults to null.

  • State

    interface

    The cell ID exposed by the root through aria-activedescendant. Native focus stays on the root; selected cells and editing state are not stored here.

  • StateSchema

    variable

    Effect Schema used by makeState to encode, decode, and hydrate Grid state.

  • activate

    function

    Sets activeId, including null to clear virtual focus.

  • makeState

    function

    Creates hydrated Grid state. activeId defaults to null.

Cell registration

  • CellPosition

    interface

    Logical coordinates stored with each registered Grid cell.

  • makeCollection

    variable

    Creates a scoped Collection for Grid items.

Cells and headers

  • Cell

    function

    Renders and optionally registers a gridcell with row and column coordinates.

  • CellOptions

    interface

    Inputs accepted by Grid.Cell in addition to the shared DOM host options.

  • ColumnHeader

    function

    Renders the Cell contract with the columnheader role.

  • RowHeader

    function

    Renders the Cell contract with the rowheader role.

Grid surface

  • Root

    function

    Renders the focus-owning grid root and initializes the active cell from DOM order on first focus.

  • RootOptions

    interface

    Inputs accepted by Grid.Root in addition to the shared DOM host options.

Rows

  • Row

    function

    Renders an ARIA row and forwards an optional one-based aria-rowindex.

  • RowOptions

    interface

    Inputs accepted by Grid.Row in addition to the shared DOM host options.

Spatial navigation

  • moveActiveId

    function

    Maps grid keys to a cell id: horizontal movement stays in-row, vertical movement stays in-column, and Ctrl+Home/End reaches grid endpoints.