tuil
ReferenceComponentsNavigation

Outline

Outline component API, behavior, and executable example.

View rawEdit

Loading executable example…

API and events

Provide terminal-native local navigation, command menus, hierarchical trails, and workflow progress.

export function Outline(props: {
  readonly id?: string;
  readonly label?: string;
  readonly items: readonly OutlineItem[];
}): ReactNode;

Props, functions, and events

This declaration has no public members.

Selections and value changes are reported through component callbacks.

Callback props run after the documented input is accepted. Callbacks are not cancellable unless their return type or description states otherwise.

Interaction and capabilities

Arrow keys move within the active navigation model; Enter selects or activates.

The published manifest records keyboard, focus, pointer, theme, terminal, semantic, event, and dependency requirements.

Complete import

import { Outline } from "@/components/tuil/navigation/navigation";

On this page