Notification Stack

Стопка уведомлений, раскрывающаяся в список. Pro · Анимированные компоненты › Списки и люди

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add notification-stack

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { NotificationStack } from 'valyro-ui-pro';

Prop	Type	Default
`items` *	`readonly NotificationStackItem[]`		Cards, newest first.
`expanded`	`boolean`		Spread out into a list (true) or gathered into a stack.
`defaultExpanded`	`boolean`	`false`	Initial `expanded` when uncontrolled.
`onExpandedChange`	`(expanded: boolean) => void`		Called with the new `expanded` when it changes.
`onDismiss`	`(id: string) => void`		Called after a card's dismiss animation; remove the item from `items` there. Without it cards have no dismiss button.
`maxVisible`	`number`	`3`	Cards that peek out under the top one while gathered (default 3).
`expandOnHover`	`boolean`	`true`	Spread while a mouse hovers the stack (default true).
`animation`	`'spring' \| 'none'`	`'spring'`	`spring` (default): cards slide between the stack and the list; `none`: instant.
`labels`	`Partial<NotificationStackLabels>`		Overrides for the built-in English text; keys left out keep their defaults.