Get Started

Collapsible

Astryx documentation

Shows or hides content using controlled or initially open state.

longlink docs --component "Collapsible"
Collapsible [Layouts]
Props and types
declare function Collapsible(props: {
    children?: ViewNode;
    trigger: ViewNode;
    defaultIsOpen?: boolean;
    isOpen?: boolean;
    isDisabled?: boolean;
    onOpenChange?: (isOpen: boolean) => void;
}): React.JSX.Element;
Additional information.
function Example() {
  return (
    <Collapsible trigger="Details">
      <Text>Additional information</Text>
    </Collapsible>
  );
}