@markai/mark-collapse NPM

`<mark-collapse>`

This is simple web component built using the lit.dev library.
It provides a simple way to create collapsible content sections.
Users can toggle the visibility of the content by interacting with the component.

npm i @markai/mark-collapse

yarn add @markai/mark-collapse

Example of mark-collapse usage patten.

import '@markai/mark-collapse';

<mark-collapse open>
  <p>This content can be collapsed and expanded.</p>
</mark-collapse>

name	Type	Description
`open`	`boolean`	Determines whether the content is currently `open` (visible) or closed (hidden). By default, it is set to `false`, meaning the content is initially closed.

name	Return	Description
`toggle`	`void`	allows you to programmatically toggle the visibility of the content. Call this method to change the state of the `open` property.

name	Description
`default`	to insert content that you want to collapse. Place your content within the `<slot></slot>` tags inside the `mark-collapse` element.

Name	Default	Description
`--mark-collapse-transition-duration`	`0.5s`	The duration of the collapse/expand animation.
`--mark-collapse-transition-timing`	`0.5s`	The timing function for the collapse/expand animation.