Back to Bit

Collapser Button.Docs

components/ui/buttons/collapser/collapser-button.docs.mdx

14.8.9-server.1489 B
Original Source

import { Collapser } from './collapser-button';

By default it sticks to the right.

js
<div style={{ position: 'relative', height: '120px' }}>
  <Collapser isOpen={false} tooltipContent="hover" />
</div>

We can change it to the left by adding the placement of left.

js
<div style={{ position: 'relative', height: '120px', width: '100%', display: 'flex', justifyContent: 'flex-end' }}>
  <Collapser isOpen={false} tooltipContent="hover" placement="left" />
</div>