components/disclosure

Import

Import

import * as api from "@fungi.computer/caps/components/disclosure";

Exports

Kind	Export	Description
Ttype alias	DisclosureTone	Semantic tone of the disclosure header.
Ttype alias	DisclosureSize	Density: group for a summary header, row for a compact nested row.
Ttype alias	DisclosureProps	Props accepted by Disclosure.
fnfunction	Disclosure()	A controlled one-line disclosure over Base UI Collapsible. The header is a native button carrying aria-expanded and aria-controls, so Enter and Space toggle it.

DisclosureToneTtype alias

Signature

type DisclosureTone = "neutral" | "error";

Semantic tone of the disclosure header.

---

DisclosureSizeTtype alias

Signature

type DisclosureSize = "group" | "row";

Density: group for a summary header, row for a compact nested row.

---

DisclosurePropsTtype alias

Signature

type DisclosureProps = Readonly<{
  open: boolean;
  onOpenChange: (open) => void;
  summary: ReactNode;
  leading?: ReactNode;
  trailing?: ReactNode;
  children?: ReactNode;
  tone?: DisclosureTone;
  size?: DisclosureSize;
  className?: string;
}>;

Props accepted by Disclosure.

Disclosure()fnfunction

Signature

function Disclosure(__namedParameters): Element;

A controlled one-line disclosure over Base UI Collapsible. The header is a native button carrying aria-expanded and aria-controls, so Enter and Space toggle it.

Parameters

Parameter	Type
__namedParameters	DisclosureProps

Returns

Element