LiveSalesFeed

Card with a demo stream of sales rows, pause/clear controls, auto-scroll, and motion-safe entry animation.

Painel tipo consola para listar vendas (dados de demonstração gerados em intervalo): hora, estado (Pago / Pendente / Falhou), produto e valor em BRL. Inclui pausar o feed, limpar a lista e seguir o scroll quando estás perto do fim. Com prefers-reduced-motion, a entrada de linhas não anima em eixo X.

O tipo SaleEntry está exportado para ligares depois a uma API ou WebSocket no teu produto.

Importação

import {
	LiveSalesFeed,
	type SaleEntry,
	type SaleStatus,
} from "@zexon/ui/blocks/live-sales-feed";

Uso

Exemplo

Vendas ao vivoÚltimos 0 eventos

À espera de novas vendas…

Props

Prop	Tipo	Predefinição	Notas
`maxItems`	`number`	`20`	Histórico máximo de linhas
`intervalMs`	`number`	`1500`	Intervalo entre vendas simuladas
`className`	`string`	—	No `Card` raiz

LiveLogsFeed

Metric Card