Integration 12 - Integration permission confirmation dialog

Pro

A centered connection prompt showing two platform logos, a permissions checklist, and cancel or connect action buttons.

Vue
Shadcn Integration 12 block

Component Data

  • ID:integration12
  • Access:pro
  • Created:Apr 29, 2025
  • Type:block

Integration 12 block design & features

Integration12 is a vertically centered confirmation prompt within a full-viewport-height muted background. At the top, two platform logos are displayed side by side with a bidirectional arrow icon between them. Below that sits a heading, a supporting paragraph, and a border separator. The main body lists five permissions with check icons. At the bottom, two Shadcn UI Buttons provide cancel and connect actions.

The section uses a muted background that fills the viewport height. Logo icons sit in bordered white squares with soft shadows. The permissions list uses primary-colored check marks. Typography is centered for the header area and left-aligned for the permission items. The layout is narrow and compact with moderate padding.

The aesthetic is that of an OAuth-style authorization screen. It is focused and single-purpose with no decorative elements beyond the icon containers. Complexity is low with a linear top-to-bottom reading flow.