Vue Collapse Component API

Collapse API

Explore the API reference for the Vue Collapse component and discover how to effectively utilize its props for customization.

On this page

jsx

import { CCollapse } from '@coreui/vue'

Property	Default	Type
hiddenUntilFound6.0.0+	-	`boolean`
Hide the collapsed content with `hidden="until-found"` instead of taking it out of the layout, so the browser's find-in-page searches it and reveals it on a match. The `show` event fires when it does — set `show` from it, or the stylesheet hides the content the reader was just sent to.
horizontal	-	`boolean`
Set horizontal collapsing to transition the width instead of height.
show6.0.0+	`undefined`	`boolean`
Toggle the visibility of component.
visibleDeprecated 6.0.0	-	`boolean`
Toggle the visibility of component. Use `show` instead — `visible` is ignored when `show` is set.

Event name
hide
Callback fired when the component requests to be hidden.
show
Callback fired when the component requests to be shown.