#HorizontalLayout

Source | Original component

A horizontal container: it only outputs the oo-ui-horizontalLayout root class and leaves the arrangement to the theme CSS; write your own styles (or a plain div) when you need exact spacing control.

#Basic usage

import { Button, HorizontalLayout, TextInput } from "ooui-react";

function App() {
  return (
    <HorizontalLayout>
      <TextInput placeholder="Search…" />
      <Button flags="primary">Search</Button>
    </HorizontalLayout>
  );
}

export default App;

#API

Inherits every prop of Layout (including the hidden three states).

#See also

• The hidden three-state semantics of the base class: Layout