Saltearse al contenido

OrbitSkeleton

Placeholder de carga — una caja color.field.background con una banda más clara (surface.raised) que barre por encima en un loop lineal de 1400ms (motion.duration.skeleton). radius.md por defecto — pasá un radio distinto para, por ejemplo, un skeleton circular tipo avatar.

Uso

<orbit-skeleton style="--skeleton-height: 20px;"></orbit-skeleton>
<!-- circular: --skeleton-radius: var(--radius-full); --skeleton-height: 40px; width: 40px; -->

Props

PropTipoDefaultDescripción
height (Kotlin) / custom property --skeleton-height (web)Dp / css length16.dp / 16pxAlto del placeholder.
radius (Kotlin) / custom property --skeleton-radius (web)Dp / css lengthradius.mdRadio de borde.