• /
  • Log in

AutoSizer

The <AutoSizer> component provides functionality to react to changes in size in the element in which they are contained, by measuring it. When the width or the height of that outer element changes, the children are rerendered and will receive the new the measurements as an object.

Usage

import { AutoSizer } from 'nr1'

Examples

Props

childrenrequiredfunction

Children function that will be called every time the parent resizes. It is called with an object containing width and height keys, and must return the React element to be rendered.

function () => undefined
classNamestring

Classname for custom styling.

spacingTypeenum[]

Spacing property. Spacing is defined as a tuple of zero to four values, which follow the same conventions as CSS properties like margin or padding. To omit a value, use SPACING_TYPE.OMIT.

<Array of
<One of
AutoSizer.SPACING_TYPE.EXTRA_LARGE,
AutoSizer.SPACING_TYPE.LARGE,
AutoSizer.SPACING_TYPE.MEDIUM,
AutoSizer.SPACING_TYPE.NONE,
AutoSizer.SPACING_TYPE.OMIT,
AutoSizer.SPACING_TYPE.SMALL,
>
>
styleobject

Inline style for custom styling.

Methods

AutoSizer.render

function () => undefined
Create issueEdit page
Copyright © 2021 New Relic Inc.