Integration 12 - Integration permission confirmation dialog

Pro

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

Shadcn Integration 12 block

Component data

ID
integration12
Access
pro
Created
Apr 29, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria

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.