react-layout-flexbox

react-layout-flexbox

component widget based on flexbox css Use the View and Position type layout widgets to complete a quick UI

react-layout-flexbox

Install

npm install react-layout-flexbox

yarn add react-layout-flexbox

---

Type

• V : View

  • V.Column : Vertical Layout
  • V.Row : Horizontal layout
  • V.ScrollDragHorizontal : Horizontal layout with touch scrolling

  The default positionType is relative and can be handled as one of the positionType: "static" | "relative" | "fixed" | "absolute" | "sticky"

• P : Position

  • P.Absolute : positionType absolute layout
  • P.Fixed : positionType fixed layout
  • P.Sticky : positionType sticky layout

  position: {left: number | string, right: number | string, top: number | string, bottom: number | string} can be adjusted through

• Type

  • ViewType

• Theme

  • ViewTheme

---

License

MIT © Deepfactory, Inc. See LICENSE for details.