#PageLayout

Source | Original component

A page panel: an item of StackLayout's options array. You rarely render it directly — put it into StackLayout's options instead.

#Standalone use

Standalone, the active state is declared via active; without active it derives from hidden (not hidden = active) and outputs the oo-ui-pageLayout-active class. label / value are fields carried along with the page-set object — the component swallows them so they never land as DOM attributes.

import { PageLayout, StackLayout } from "ooui-react";

function App() {
  return (
    <StackLayout
      value="a"
      options={[
        { value: "a", label: "First page", padded: true, children: "First page content" },
        { value: "b", label: "Second page", padded: true, children: "Second page content" },
      ]}
    />
  );
}

export default App;

#API

Inherits all PanelLayout props, plus:

#See also

• The paged container: StackLayout