Compliance 7 - Security FAQPro

A two-column security FAQ with a sticky intro and contact card on the left and an accordion of common security and privacy questions on the right. Use it to answer procurement and security-review questions before they reach your inbox.

About Compliance 7

A two-column security FAQ with a sticky intro and contact card on the left and an accordion of common security and privacy questions on the right. Use it to answer procurement and security-review questions before they reach your inbox.

Compliance 7 is a compliance block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 88 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.

  • compliance
  • faq
  • security
  • accordion
  • privacy
  • procurement

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 compliance-07

Dependencies installed automatically: lucide-react.

Uses: accordion, button, reveal, utils.

Usage

import Compliance07 from "@/components/blocks/compliance-07"

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

FAQ