> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tappify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# TapSkeleton

> Renders the placeholder bars that stand in for content while a read is in flight.

```ts theme={null}
function TapSkeleton(__namedParameters): ReactElement;
```

Renders the placeholder bars that stand in for content while a read is in
flight.

## Parameters

### \_\_namedParameters

[`TapSkeletonProps`](/extensions/reference/frontend-api/Interface.TapSkeletonProps)

## Returns

`ReactElement`

## Remarks

The bars are `aria-hidden`, so a screen reader is not told about them, and they
take their tone from `--bg-subtle`. The pulse stops under
`prefers-reduced-motion`. Render this while `isLoading` is `true`, in place of
the content rather than beside it.

## Example

```tsx theme={null}
import { TapSkeleton, TapStat, useTapQuery } from '@tappify/extension-sdk';

function Keywords() {
  const keywords = useTapQuery({ kind: 'keywords' });
  if (keywords.isLoading) return <TapSkeleton lines={3} />;
  return <TapStat label="Tracked" value={keywords.data?.keywords.length ?? 0} />;
}
```