Templated(content, children)

Injects content into template component.

Params

• content React.node - content to inject into template
• children React.children - template component (with slots)

Description

When you have a template component created using slots and content to inject (component created using Content), you can perform injection using Templated component:

// Page.js
import { Templated } from 'react-templated';
import PageTemplate from './PageTemplate.js';

export default ({ children }) => (
    <Templated content={ children }>
        <PageTemplate />
    </Templated>
);

If our template component consumes some props, we can pass those through:

...

export default ({ children, ...props }) => (
    <Templated content={ children }>
        <PageTemplate { ...props } />
    </Templated>
);

We can achieve similar behaviour by using withSlots() hook.