```jsx padded
import { useState } from 'react';

const [vIsVisible, setVIsVisible] = useState(false);
const [hIsVisible, setHIsVisible] = useState(false);

<>
	<button onClick={() => setVIsVisible(!vIsVisible)}>Toggle Vertical</button>
	<Collapse direction="vertical" isVisible={vIsVisible}>
		<p>Content</p>
	</Collapse>

	<button onClick={() => setHIsVisible(!hIsVisible)}>Toggle Horizontal</button>
	<Collapse direction="horizontal" isVisible={hIsVisible}>
		<p>Content</p>
	</Collapse>
</>;
```