Layout

Components

The Layout component family provides the following components:

This is the base layout

You can import the BaseLayout component from the layout component family in the @freesewing/react package:

Javascript

import { BaseLayout } from "@freesewing/react/components/Layout"

The left column of the base layout

You can import the BaseLayoutLeft component from the layout component family in the @freesewing/react package:

Javascript

import { BaseLayoutLeft } from "@freesewing/react/components/Layout"

The main column for prose (text like docs and so on)

You can import the BaseLayoutProse component from the layout component family in the @freesewing/react package:

Javascript

import { BaseLayoutProse } from "@freesewing/react/components/Layout"

The right column of the base layout

You can import the BaseLayoutRight component from the layout component family in the @freesewing/react package:

Javascript

import { BaseLayoutRight } from "@freesewing/react/components/Layout"

The central column for wide content (no max-width)

You can import the BaseLayoutWide component from the layout component family in the @freesewing/react package:

Javascript

import { BaseLayoutWide } from "@freesewing/react/components/Layout"

This is the default layout, including title and breadcrumbs

You can import the Layout component from the layout component family in the @freesewing/react package:

Javascript

import { Layout } from "@freesewing/react/components/Layout"

A layout for pages that do their own title/layout, like the sign in page

You can import the NoTitleLayout component from the layout component family in the @freesewing/react package:

Javascript

import { NoTitleLayout } from "@freesewing/react/components/Layout"