Integration 37 - Works-with pills with connect dialog

Pro

Split band with a short heading beside wrapping logo-and-name pills. Clicking a pill opens a dialog to name the workspace for that tool.

Shadcn Integration 37 block

Component data

ID
integration37
Access
pro
Created
Aug 19, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Integration 37 block design & features

Integration37 is a compact works-with band built with shadcn/ui Dialog, Input, Label, and Button. A muted strip with top and bottom borders splits into copy on the left and wrapping pills on the right. Each pill pairs a small logo with a name and opens a connect dialog with a workspace field. A dashed chip at the end reads as a plus-more count and is not clickable.

The band is quieter and shorter than a full section. Pills are fully rounded card chips. Copy stays in a narrow column so the wrap has room. The dialog is a single column with a small bordered logo tile above the title.

This is a mid-page trust strip that can start a connection rather than a catalog. Complexity is low and mixed: image-driven pills plus a working connect form.

On small screens the pills wrap under the copy. At medium breakpoints they sit beside it.