Skeleton
Π‘ΠΊΠ΅Π»Π΅Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° Π΄Π°Π΅Ρ ΠΏΠΎΠ½ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π΅ΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΡΡΡ. ΠΡΠΈ ΡΡΠΎΠΌ Π·Π½Π°ΠΊΠΎΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΊ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΌΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
#
Base SkeletonBase
#
TextText
#
AvatarAvatar
#
AnimationΠΡΠ»ΠΈ animation={false}
Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π²ΠΎΠ»Π½Ρ Π±ΡΠ΄Π΅Ρ Π²ΡΠΊΠ»ΡΡΠ΅Π½Π°.
Animation
#
APIName | Type | Default | Description |
---|---|---|---|
classes | object | ΠΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ jss ΡΡΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. | |
className | string | Π§ΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ CSS ΠΊΠ»Π°ΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ. | |
children | any | ΠΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ Π½Π΅ ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΡΡΡ. | |
component | elementType | 'span' | ΠΠΎΡΠ½Π΅Π²ΠΎΠΉ ΡΠ·Π΅Π». ΠΡΠΎ HTML ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠ»ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ. |
type | string | '' | Π’ΠΈΠΏ avatar,text,h1-h6. ΠΠΎΠΆΠ½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΌΠ΅Ρ: 'text,h2' |
width | number, string | 80 | Π¨ΠΈΡΠΈΠ½Π° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. |
height | number, string | 80 | ΠΡΡΠΎΡΠ° ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. |
size | number | 0 | Π Π°Π·ΠΌΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. |
animation | bool | true | ΠΡΠ»ΠΈ true, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π±ΡΠ΄Π΅Ρ Π²ΠΊΠ»ΡΡΠ΅Π½Π°. |
borderRadius | number | 0 | Style css border-radius |