Карточка
PrimeNG/Card (opens in a new tab)
С чего начать
Подключите модуль
import { CardModule } from 'primeng/card';Встройте компонент с помощью тэга p-card.
Simple Card
Advanced Card
Текст заголовка задается с помощью свойстваheader, опционально свойствоsubheaderдоступно для задания дополнительной информации.
No padding
Свойства
| Name | Type | Default | Description |
|---|---|---|---|
| header | string | null | Title of the card. |
| subheader | string | null | Secondary title of the card. |
| style | string | null | Inline style of the component. |
| styleClass | string | null | Style class of the component. |
Шаблоны
| Name | Parameters |
|---|---|
| header | - |
| title | - |
| subtitle | - |
| content | - |
| footer | - |
Стилизация
| Name | Element |
|---|---|
| p-card | Container element. |
| p-card-header | Title element. |
| p-card-subheader | Subtitle element. |
| p-card-content | Content of the card. |
| p-card-footer | Footer of the card. |