An Ember component that mimics the behaviour of Bootstrap's collapse.js plugin
<BsCollapse @collapsed=> <div class="well"> <h2>Collapse</h2> <p>This is collapsible content</p> </div> </BsCollapse>
Note that only invoking the component in a template as shown above is considered part of its public API. Extending from it (subclassing) is generally not supported, and may break at any time.
Get the size of the element when expanded
Triggers the hide transition
Triggers the show transition
_element null | HTMLElement private
active unknown private
True if this item is expanded
collapsed boolean public
collapseDimension string public
The direction (height/width) of the collapse animation. When setting this to 'width' you should also define custom CSS transitions for the width property, as the Bootstrap CSS does only support collapsible elements for the height direction.
collapsedSize number public
The size of the element when collapsed. Defaults to 0.
expandedSize number public
The size of the element when expanded. When null the value is calculated automatically to fit the containing elements.
resetSizeWhenNotCollapsing boolean private
Usually the size (height) of the element is only set while transitioning, and reseted afterwards. Set to true to always set a size.
transitionDuration number public
The duration of the fade transition
transitioning boolean private
true if the component is currently transitioning
The action to be sent after the element has been completely hidden (including the CSS transition).
The action to be sent when the element is about to be hidden.
The action to be sent when the element is about to be shown.
The action to be sent after the element has been completely shown (including the CSS transition).