Back to blocks

Settings - Integrations

App integrations with toggle controls for connected services

Installation

npx shadcn add @mylo-ui/settings-integrations

Preview

Integrations

Connect your favorite tools and services

Development

GitHub

Connected

Sync repositories and issues

Database

Connect external databases

Communication

Slack

Connected

Receive notifications in Slack

Productivity

Trello

Import boards and cards

Design

Figma

Access design files

Tools

Browser Extension

Quick access from browser

Storage

Google Drive

Connected

Attach files from Drive

Usage

import { SettingsIntegrations } from "@/components/blocks/settings-integrations"

export default function Page() {
  return <SettingsIntegrations />
}

Dependencies

lucide-react

shadcn/ui Components

card
button
switch
badge