Collapsible elements are used to show and hide content using a smooth reveal transition.
Collapsing an element will animate the height from zero to its default value. This component is useful for creating clearly separated content sections such as FAQ pages.
You can use the
title slot to provide a custom title for the collapsible panel's heading.
Default Open Panels
Panels can be opened by default, on page load, using the
active field of the
<i-collapsible> component. First, you'll need to assign an
id to the
<i-collapsible-item> components which will identify the open panels.
Accordion collapsible groups can have only one content panel open at a single time. This behaviour can be set using the
Inkline includes basic predefined collapsible styles that you can use within your application. You can apply a style using the
|accordion||Sets the collapsible in accordion mode.|| || |
|active||Sets the default active collapsible item.||Array|
|variant||Sets the color variant of the collapsible component.|| || |