Bollard UI

Destructive account actions

Make destructive actions understandable before they happen.

Replace habitual confirmation dialogs with readbacks, typed acknowledgements and recovery windows that match the consequence of the action.

Try the guard rails

A small safety layer for one real flow.

  • Type to Confirm

    Requires a deliberate typed acknowledgement for irreversible actions.

    View component

  • Account Deletion Readback

    Names what will be removed before an account is deleted.

    View component

  • Undo Toast

    Leaves a short, visible recovery path after a reversible change.

    View component

One command for this flow

Install the danger-zone pack.

Start with the related components, then edit the copied source in your own product.

npx shadcn@latest add @bollard/danger-zone-pack

Add the Bollard namespace once

Merge this into your project's components.json. Then every Bollard install can use the short command.

{
  "registries": {
    "@bollard": "https://bollard-ui.vercel.app/r/{name}.json"
  }
}