Tabs - Single Page

Tabs can be used to display/hide child divs too: See the example code below:

<Tabs.Tabs
    tabs={['Tab 1', 'Tab 2', 'Tab 3']}
    fade
>
    <div class="tab">Tab 1</div>
    <div class="tab">Tab 2</div>
    <div class="tab">Tab 3</div>
</Tabs.Tabs>

By default, the content is hidden, not removed from the DOM. This means that the area occupied does not shrink for smaller tabs.