Native

Disclosure

A collapsible section: a labelled toggle with a 44px hit area that animates its content open. Rung 3 of the disclosure ladder, for what a phone can't show at once.

Source · API

Examples

Loading examples…

API

From COMPONENTS.md; setup for every native component is on React Native.

Component	Notes
`Disclosure`	Collapsible section (rung 3 — disclosure ladder). Labelled toggle, 44px hit area, height animation.

Rung 3 of the disclosure ladder — secondary content folds behind a labelled toggle.

import { Disclosure } from 'achery-ui/native'

<Disclosure label="Scratchpad">
  <Textarea placeholder="Half-baked thoughts…" />
</Disclosure>

Prop	Type	Default
`label`	`string`	required
`children`	`ReactNode`	required
`defaultOpen`	`boolean`	`false`
`open`	`boolean`	— (uncontrolled)
`onOpenChange`	`(open: boolean) => void`	—
`contentPaddingHorizontal`	`number`	`16`
`style`	`ViewStyle`	—