# @askrjs/themes/skeleton

> Published API exports for @askrjs/themes/skeleton.

Source: [https://askrjs.com/docs/reference/api/themes/skeleton](https://askrjs.com/docs/reference/api/themes/skeleton)

Status: stable. Packages: @askrjs/themes/skeleton.

**Published packages are authoritative.** Examples may lag behind a published contract. When guidance differs, verify the exports and TypeScript declarations in your installed package, then file an issue.

## Exports

This entrypoint publishes 4 exports from the declarations shipped by @askrjs/themes.

### `Skeleton`

```ts
Skeleton: { (props: SkeletonProps): JSX.Element; (props: SkeletonAsChildProps): JSX.Element; }
```

Loading placeholder block with configurable `width`/`height`, hidden from assistive tech via `aria-hidden`, rendered as a `<div>` or merged onto a child via `asChild`.

### `SkeletonAsChildProps`

```ts
SkeletonAsChildProps: SkeletonOwnProps & {
  asChild: true;
  children: JSXElement;
  ref?: Ref<unknown>;
}
```

Props for {@link Skeleton } rendered with `asChild`, merging its attributes onto a single child element.

- `asChild`: asChild: true;

- `children`: children: JSXElement;

- `height`: height?: string | number | undefined;

- `ref`: ref?: Ref<unknown>;

- `width`: width?: string | number | undefined;

### `SkeletonOwnProps`

```ts
SkeletonOwnProps: {
  children?: unknown;
  height?: string | number;
  width?: string | number;
}
```

Props shared by both {@link Skeleton } call signatures.

- `children`: children?: unknown;

- `height`: height?: string | number | undefined;

- `width`: width?: string | number | undefined;

### `SkeletonProps`

```ts
SkeletonProps: Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SkeletonOwnProps & {
  asChild?: false;
  ref?: Ref<HTMLDivElement>;
}
```

Props for {@link Skeleton } rendered as its default `<div>` element.

- `asChild`: asChild?: false | undefined;

- `children`: children?: unknown;

- `height`: height?: string | number | undefined;

- `ref`: ref?: Ref<HTMLDivElement>;

- `width`: width?: string | number | undefined;

## Documentation navigation

[Previous](https://askrjs.com/docs/reference/api/themes/sidebar/index.md) | [Next](https://askrjs.com/docs/reference/api/themes/slider/index.md)