WarningLegacy version 6 documentation. View current documentation.

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

Prop Type Required Default value Description
className string No undefined A 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>