Connected Workspace Feature

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/feature/feature27.tsx instead.

Usage

The file also exports feature27Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Feature27, feature27Demo } from "@/components/blocks/feature/feature27";

export default function Page() {
  return <Feature27 {...feature27Demo} />;
}

Props

Types

interface Feature27Card {
  asset: "messages" | "board";
  eyebrow: string;
  title: string;
  description?: string;
  bullets: string[];
}

interface Feature27Integration {
  label: string;
  icon: LucideIcon;
}

Behavior notes

• Both micro-assets (the message thread and the kanban board) are static mock UI built from plain divs, not real data or a live connection; "live" describes the visual treatment, not a data feed.
• The checkmarks next to each bullet are decorative icons, not a real completion-tracking checklist.
• The integrations strip is a row of lucide icon chips standing in for third-party logos, the same convention this repo's auth blocks use for social-login buttons; swap in real brand marks if you need exact logos.
• This is a plain Server Component with no client-side state or interaction anywhere in the block.