{"library":"react-flexbox","title":"react-flexbox","description":"React-flexbox is a React component library (v3.1.4) that implements CSS flexbox using inline styles, providing a View component with props for row, column, auto, width, height, and className. It supports React 0.14–16 and requires an ES6 transpiler (no transpiled build included). Key differentiators: lightweight, no external CSS, and deprecated FlexRow/FlexColumn wrappers. The library is in maintenance mode with infrequent updates.","language":"javascript","status":"maintenance","last_verified":"Fri May 01","install":{"commands":["npm install react-flexbox"],"cli":null},"imports":["import View from 'react-flexbox'","const View = require('react-flexbox')","const View = ReactFlexbox.default"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport View from 'react-flexbox';\n\nconst App = () => (\n  <View row>\n    <View auto column>\n      <View width=\"100px\"><div className=\"red\">Left</div></View>\n      <View width=\"100px\"><div className=\"red\">Right</div></View>\n    </View>\n    <View row className=\"green\">Main content</View>\n  </View>\n);\n\nReactDOM.render(<App />, document.getElementById('root'));","lang":"javascript","description":"Creates a row layout with two columns on the left (auto width) and a main content area on the right.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}