Actions and display

Skeleton

Skeleton — shape-matching loading placeholder. Variants: `text` (one or more lines), `circle`, `rect`. The wrapper is a polite `role="status"` region with an sr-only label so assistive tech announces that content is loading; the shimmer honors `prefers-reduced-motion`.

Public export

typescript

import { Skeleton } from '@happyvertical/smrt-ui/ui';

Import path: @happyvertical/smrt-ui/ui
Props: 5
Props described: 5 of 5
Bindable state: 0
Callback events: 0
Verified release: 0.44.0

Props

NameTypeRequiredDescription

variantSkeletonVariantNoPlaceholder shape.

widthstringNoCSS width (e.g. '100%', '8rem').

heightstringNoCSS height (e.g. '1rem', '48px').

linesnumberNoNumber of lines for the `text` variant.

labelstringNoAccessible loading label.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation