Site Info Popover

Padlock tile showing secure status for a domain, above a permissions summary with Allowed or Ask.

stripe.comConnection is secure

Camera

Allowed

Location

Ask

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Browser27 } from "@/components/beste/piece/browser27";

<Browser27
  domain="stripe.com"
  connectionLabel="Connection is secure"
  permissions={[
    {
      "icon": "camera",
      "label": "Camera",
      "granted": true
    },
    {
      "icon": "location",
      "label": "Location",
      "granted": false
    }
  ]}
  defaultGrantedLabel="Allowed"
  defaultDeniedLabel="Ask"
/>