Disclosure System

When to use

Use Disclosure for expandable/collapsible regions with simple open/closed state.

Package	Role
`@affino/disclosure-core`	Headless disclosure state machine (`open`).
`@affino/disclosure-vue`	Vue composable wrapper (`useDisclosureController`).
`@affino/disclosure-laravel`	Laravel hydration + manual controls for disclosure roots.
`@affino/laravel-adapter`	Recommended Laravel bootstrap entry point.

bash

pnpm add @affino/disclosure-core @affino/disclosure-vue @affino/disclosure-laravel @affino/laravel-adapter

import { DisclosureCore } from "@affino/disclosure-core"

const disclosure = new DisclosureCore(false)
disclosure.toggle()

import { useDisclosureController } from "@affino/disclosure-vue"

const disclosure = useDisclosureController(false)

import { bootstrapAffinoLaravelAdapters } from "@affino/laravel-adapter"

bootstrapAffinoLaravelAdapters()

Disclosure supports affino-disclosure:manual.

document.dispatchEvent(
  new CustomEvent("affino-disclosure:manual", {
    detail: { id: "faq-disclosure", action: "toggle" },
  }),
)

Section never opens: ensure root contains expected trigger/content dataset attributes.
State resets after morph: use pinned/manual patterns when needed.
Event ignored: verify id and action names are correct.