Notification

Пакет @cloud-ru/ds-uikit-product-notification собирает ленту уведомлений из трёх уровней: одиночная карточка, контейнер-лента и адаптивная обёртка для открытия ленты в drawer или bottom-sheet.

• NotificationCard — одиночная карточка уведомления: тип (appearance), состояние unread, ссылка, дата, кнопки действий и меню.
• NotificationPanelContent — контейнер ленты: заголовок, фильтры, кнопка «прочитать все», слот-список карточек и состояния loading / blank. Namespace-субкомпоненты Group, Stack, Blank.
• NotificationPanel — адаптивная обёртка панели: на desktop открывает её в drawer, на mobile — в bottom-sheet (выбор по layoutType).

Установка

pnpm add @cloud-ru/ds-uikit-product-notification

import { NotificationCard, NotificationPanelContent, NotificationPanel } from '@cloud-ru/ds-uikit-product-notification'

Figma