• /
  • Log in
  • Start now

Layout

Layout is a 1-dimensional layout system with options to control the relative sizing of its children's elements. Layout spans the full width of the viewport area.

Usage

import { Layout } from 'nr1'

Examples

Basic

ReferenceError: Layout is not defined

Split left small

ReferenceError: Layout is not defined

Split right medium

ReferenceError: Layout is not defined

Split left small and split right medium

ReferenceError: Layout is not defined

Stacked layout

ReferenceError: Layout is not defined

Props

childrenrequirednode

Layout items to display.

classNamestring

Appends class names to the component.

fullHeightboolean

Expands the layout to occupy all available height.

previewboolean

Visually draws the boxes of the layout and its layout items.

styleobject

Inline style for custom styling.

Methods

Layout.render

function () => undefined
Edit this pageCreate an issue
Copyright © 2021 New Relic Inc.

This site uses cookies 🍪

We use cookies and other similar technologies ("Cookies") on our websites and services to enhance your experience and to provide you with relevant content. By using our websites and services you are agreeing to the use of cookies. You can read more here. If you consent to our cookies, please click Yes.