Integration 18 block design & features
Integration18 is a connection list built with shadcn/ui Accordion, Button, Switch, Input, and Label. A heading and supporting paragraph introduce a single bordered list of partner rows. Each row shows a logo, a truncated description on larger screens, and a status: connected with a glowing green dot, or not connected with a glowing orange dot. Clicking a row expands accordion-style into integration settings: an enable switch, an alert channel field, a daily digest switch, and disconnect or save actions.
The list uses hairline dividers inside one rounded shell. Status sits on the right of every row. Only one row is open at a time.
This is a settings-style integration panel rather than a marketing logo cloud. Complexity is moderate and mixed: the list is content-driven while expand and toggle state is interaction-driven.
On small screens the description hides and the row is logo plus status.