# Outline

Source: /tuil/docs/reference/components/navigation/outline
Locale: en

Outline component API, behavior, and executable example.





{/* Generated by tooling/docs/generate-reference.ts. */}

<PublishedStory storyId="component-acceptance" variant="Tabs" />

## API and events [#api-and-events]

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

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

### Props, functions, and events [#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 [#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 [#complete-import]

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