Collapse - Horizontal animation

As of v5.1 Bootstrap now supports horizontal collapse animations with the .collapse-horizontal class https://getbootstrap.com/docs/5.1/components/collapse/#horizontal

I’m guessing the Collapse component will need to be updated to use this when the dimension prop === width? (<Collapse dimension="width"></Collapse> )

[kyletsang]

@nsi319

We can replace the .width class that’s added here with .collapse-horizontal: https://github.com/react-bootstrap/react-bootstrap/blob/74894de1b50e005280d0270719a4a36e2bf4026c/src/Collapse.tsx#L248

ie.

computedDimension === 'width' && 'collapse-horizontal',

[nsi319]

Hi @kyletsang. When the dimension prop === height, the existing Collapse component is sufficient. When the value is width, we need to make the updates. Could you guide me on how to introduce horizontal animations to it?