Djot Docs

Appearance

Layout ​

A layout is a special type of component that is used to define the structure of a page. It is used by the Djot client to render the layout of the application.

Usage ​

tsx
import { Content, Header, Layout } from '#djot/layout'

export const App = () => (
  <Layout>
    <Header extra={<>Extra content</>}>Header</Header>
    <Content>Content</Content>
  </Layout>
);
import { Content, Header, Layout } from '#djot/layout'

export const App = () => (
  <Layout>
    <Header extra={<>Extra content</>}>Header</Header>
    <Content>Content</Content>
  </Layout>
);