Set the width of a Reactjs component to its parent's width
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
src
.babelrc
.gitignore
LICENSE
README.md
package.json

README.md

react-auto-width

npm version

A React component to set the width of a child component to its parent's width

Install

Install via NPM

npm install react-auto-width --save-dev

Example Usage

To provide the width prop to MyComponent based on the width of its parent container, do the following:

<AutoWidth>
 <MyComponent />
</AutoWidth>

AutoWidth props

  • debounceTime {Number} The amount of delay between debounced calls (default: 100)
  • defaultRenderWidth {Number} If set, the default width is set to this value and the child is rendered. If null, the child is not rendered until a width is provided (default: null)
  • parentMayResize {Boolean} If true, the component checks on componentDidUpdate to see if it needs to resize (default: false)

Developing

To compile the component with babel, run

npm run build