# AppShell

Source: /tuil/docs/reference/components/application-shell/app-shell
Locale: en

AppShell component API, behavior, and executable example.





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

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

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

Compose full-screen terminal applications from a main content region, top application bar, and bottom status surface.

```tsx
export function AppShell(props: BoxProps): ReactNode;
```

### Props, functions, and events [#props-functions-and-events]

This declaration has no public members.

Shell components forward child behavior and do not emit their own events.

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]

These are structural components. Child navigation, commands, and controls own interaction.

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

## Complete import [#complete-import]

```tsx
import { AppShell } from "@/components/tuil/components/app-shell";
```
