npm.io
2.1.8 • Published 8h ago

@flexilla/collapse

Licence
MIT
Version
2.1.8
Deps
3
Size
17 kB
Vulns
0
Weekly
0
Stars
43
SummaryDependencyVersions

Collapse Component

The Collapse component is used to hide and show an element.

Params

Params Description Type
collapseElement The element to be collapsed/expanded HTMLElement
triggerElement The element that triggers the collapse HTMLElement | null
options Additional options for the Collapse CollapseOptions

CollapseOptions

Option Description Type
orientation The orientation of the collapse "vertical" | "horizontal" | "vertical"
defaultState The default state of the collapse "open" | "close" | "close"

Example

const options = {
  orientation: "vertical",
  defaultState: "close",
};

const collapse = new Collapse(
  '#myCollapseElement',
  options,
  '#myTriggerElement',
);

// Show the collapse element
collapse.show();

// Hide the collapse element
collapse.hide();

// Toggle the collapse element
collapse.toggle();

Keywords

collapsecollapsiblejstscomponentinteractiveintercative componentFlexilla