Layout & Display

Skeleton

Loading placeholder, as a shaped block or a wrapper that reveals its content once loaded.

Example

Real content — revealed when isLoaded flips.

Prop	Type	Default	Description
`variant`	`"text" \| "rect" \| "circle"`	rect	Shape of a standalone placeholder.
`width`	`number \| string`	—	CSS length (number → px).
`height`	`number \| string`	—	CSS length (number → px).
`radius`	`OksRadius`	—	Corner radius override.

variant

"text" | "rect" | "circle"

Default: rect

Shape of a standalone placeholder.

width

number | string

Default: —

CSS length (number → px).

height

number | string

Default: —

CSS length (number → px).

radius

OksRadius

Default: —

Corner radius override.

Prop	Type	Default	Description
`lines`	`number`	—	variant="text" only — stacked lines, last one shorter.
`children`	`ReactNode`	—	Wrapper-mode content, hidden behind the placeholder until isLoaded.

lines

number

Default: —

variant="text" only — stacked lines, last one shorter.

children

ReactNode

Default: —

Wrapper-mode content, hidden behind the placeholder until isLoaded.

Prop	Type	Default	Description
`isLoaded`	`boolean`	false	Wrapper mode — reveal children when true.

isLoaded

boolean

Default: false

Wrapper mode — reveal children when true.

Prop	Type	Default	Description
`classNames`	`{ base?: string }`	—	Slot class overrides.

classNames

{ base?: string }

Default: —

Slot class overrides.