NotificationsPanel

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Notifications Panel

viewport

content

className

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Content	Notifications Panel
List
Empty	Nada por aqui Quando algo precisar da sua atenção, aparece aqui primeiro.

Content	Notifications Panel
List	Notificações

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

NotificationsPanelRootProps

Prop	Tipo	Padrão	Descrição
viewport?	"desktop" \| "phone" \| null	"desktop"
render?	ReactElement<unknown, string \| React.JSXElementConstructor<any>>	—	Another element keeps the layout (`<section />`).
className?	string	—

NotificationsPanelEmptyProps

Prop	Tipo	Padrão	Descrição
title?	ReactNode	"Nada por aqui"	Default "Nada por aqui".
description?	ReactNode	"Quando algo precisar da sua atenção	Default "Quando algo precisar da sua atenção, aparece aqui primeiro."
className?	string	—