Компоненты PrimeNG
Skeleton

Скелетон

PrimeNG/Skeleton (opens in a new tab)

Скелетон - это плейсхолдер для отображения подгрузки вместо фактического содержимого.

С чего начать

Подключите модуль

import { SkeletonModule } from 'primeng/skeleton';

Встройте компонент с помощью тэга p-skeleton.

Rectangle

Rounded

Square

Circle

Card

List

Свойства

NameTypeDefaultDescription
shapestringrectangleShape of the element, options are "rectangle" and "circle".
sizestringnullSize of the Circle or Square.
widthstring100%Width of the element.
heightstring1remHeight of the element.
borderRadiusstringnullBorder radius of the element, defaults to value from theme.
animationstringwaveType of the animation, valid options are "wave" and "none".
styleobjectnullInline style of the component.
styleClassstringnullStyle class of the component.

Стилизация

NameElement
p-skeletonContainer element.
p-skeleton-circleContainer element of a determinate progressbar.
p-skeleton-animation-noneContainer element of an indeterminate progressbar.