headless

API collapse

CollapseConfig

interface

Configuration options for the collapse transition.

Properties
animationPendingClasses?

optional animationPendingClasses: string[]

the list of classes to add to the collapsable element while transitioning


dimension?

optional dimension: "height" | "width"

the direction in which the collapsing is performed


hideClasses?

optional hideClasses: string[]

the list of classes to add to the collapsable element when collapsed


showClasses?

optional showClasses: string[]

the list of classes to add to the collapsable element when shown


CollapseContext

interface

Represents the context for a collapsible element.

Properties
maxSize?

optional maxSize: string

the maximum size of the collapseable content.


minSize?

optional minSize: string

the minimum size of the collapseable content


createCollapseTransition

function

createCollapseTransition(config): TransitionFn

Create a collapse transition.

The transition attaches / removes classes during the different states of the collapse transition. It also updates the dimension value when reaching a non-pending state.

Parameters

config: CollapseConfig = {}

the collapse config

Returns

TransitionFn

the collapse transition