OOUI/Index and TabPanels

An IndexLayout contains CardLayouts as well as an optional tab navigation that allows users to easily navigate through the cards and select which one to display. By default, only one card is displayed at a time. When a user navigates to a new card, the index layout automatically focuses on the first focusable element, unless the default setting is changed.

The following is an example of an index layout that contains two cards that are accessed via a tab navigation. To see this example live, please see the code-generated documentation. For a full list of supported methods and configuration options, please see the code-level documentation for IndexLayouts and CardLayouts.