Content

import { Content } from "cx/ui";

Content sends child elements to a named ContentPlaceholder inside an outer layout.

Usage

<div outerLayout={AppLayout}>
  <Content for="sidebar">
    <nav>Navigation here</nav>
  </Content>
  Main content here
</div>

Alternative: putInto

Instead of wrapping content in a Content component, you can use the putInto or contentFor attribute on any element:

<div outerLayout={AppLayout}>
  <nav putInto="sidebar">Navigation here</nav>
  Main content here
</div>

Configuration