Feedback

Skeleton

Pulsing placeholders for content on its way.

iOSReanimated viewAndroidReanimated viewReact Native tier — renders anywhere
iOSReanimated view
AndroidReanimated view

Import

ts
import {Skeleton} from '@hzblj/kara-ui'

Props

A loading placeholder that pulses in fill.quaternary — a React Native view, so it needs no host.

PropTypeDefaultDescription
height*number—

In points.

borderRadiusRadiiSize'small'

The corner radius. small by default.

testIDstring—

Test identifier, forwarded to the view.

widthnumber—

In points. Leave it unset and it fills the available width.

height*
number

In points.

borderRadius'small'
RadiiSize

The corner radius. small by default.

testID
string

Test identifier, forwarded to the view.

width
number

In points. Leave it unset and it fills the available width.

Platform notes

  • Leave width unset and it fills the row — the usual shape for a line of text.