# Skeleton

Source: /tuil/docs/reference/components/overlays/skeleton
Locale: en

Skeleton component API, behavior, and executable example.





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

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

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

Layer focus-trapped dialogs, contextual help, transient notices, and searchable command execution over an application.

```tsx
export function Skeleton(props: {
  readonly width?: number;
  readonly lines?: number;
  readonly label?: string;
}): ReactNode;
```

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

This declaration has no public members.

Open state and selections flow through `onOpenChange`, `onPress`, command callbacks, and the toast API.

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]

The top overlay receives input before application hotkeys. Escape closes dismissible overlays and focus returns to the prior node.

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

## Complete import [#complete-import]

```tsx
import { Skeleton } from "@/components/tuil/feedback/overlays";
```