Collapsible

Use Collapsible

Collapsible is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, Collapsible } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <Collapsible title="Advanced settings">Additional project settings.</Collapsible>
    </FloodRoot>
  );
}

Design notes

• Use open/onOpenChange or defaultOpen. The panel stays mounted and hidden when closed; hidden form controls keep native form semantics.
• Title is plain text for a stable button name. Content may be interactive. Disabled prevents trigger activation, not interaction inside an open panel.

API reference