Settings Integrations 7 - SSO and SAML configuration formPro

A single sign-on settings form with copyable service-provider values (Entity ID, ACS URL), identity provider metadata URL and certificate fields, verified domains with status and an enforce-SSO switch. Use it on enterprise plans where admins connect an identity provider via SAML 2.0.

About Settings Integrations 7

A single sign-on settings form with copyable service-provider values (Entity ID, ACS URL), identity provider metadata URL and certificate fields, verified domains with status and an enforce-SSO switch. Use it on enterprise plans where admins connect an identity provider via SAML 2.0.

Settings Integrations 7 is a settings integrations block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 130 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • settings
  • sso
  • saml
  • security
  • enterprise
  • identity provider

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add settings-integrations-07

Dependencies installed automatically: lucide-react.

Uses: button, input, label, reveal, switch, textarea, utils.

Usage

import SettingsIntegrations07 from "@/components/blocks/settings-integrations-07"

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

FAQ