Skip to main content

AutoArrange API

The <AutoArrange> component renders a button that, when clicked, causes all active windows to organize into a grid-like pattern. This button acts as a toggle, arranging and unarranging with subsequent clicks.

Props

PropTypeRequiredDefault valueDescription
classNamestringNoundefinedA list of class names to apply to the element, separated by spaces.

Usage

<ToolbarShell>
...
<ToolbarSection>
...
<AutoArrange/>
...
<ToolbarSection/>
...
</ToolbarSHell>

<AutoArrange> will accept child components which will override the default icon, e.g.

<AutoArrange>
<div className="your-custom-class" />
</AutoArrange>