shadcn.io is not affiliated with official shadcn/ui
Email Bounce Log Block for Vue
Bounce rate for seven recipient domains with a tick at 2%, a list of each domain's latest bounce lines with checkboxes and a mixed select-all, and a Suppress selected foot that marks lines Suppressed in place.
Installation
Overview
Find the domains that bounce too much and stop sending to the addresses that fail, with this bounce desk for Vue with Ark UI. It is Bouncebay, the bounce desk of an email sending service (made up) that sends through SendGrid, which is named once in the header. A table lists seven made-up recipient domains with mail sent, mail bounced and the bounce rate as a bar with a tick at 2%, and the word Over or Within beside it. Choosing a domain lists its latest four bounce lines (a masked address, the SMTP code, the reason, Hard or Soft) with a checkbox each and a select-all that shows a dash while only some are ticked. The one primary, in the foot, adds the ticked lines to a suppression list: they read Suppressed and stay where they are. Guides draw the frame and its bands. For email platforms and list hygiene.
FAQ
How do I use my own domains?
Edit DOMAINS: each has the mail sent, mail bounced, how many were hard bounces and its latest lines written as address|code|reason|H or S|time. Rates, the Over words and the header sentence are derived from them.
What does Suppress selected do?
It marks the ticked lines Suppressed in the page and says how many. Nothing is stored or sent, and the addresses are masked examples. Wire it to your suppression list and keep the status line for the result.
How does select-all work?
It ticks every open line of the chosen domain and shows a dash while only some are ticked. Lines already suppressed are not counted. Choosing another domain clears the ticks.