@mike.e.coughlin/flexcomponents-jsx v1.0.6

FlexComponentsJSX

A reusable React component library containing Flexbox layout compatible Row and Col components.

Installation

npm install @mike.e.coughlin/flexcomponents-jsx

Components

Row

A horizontal flex container.

import { Row } from '@mike.e.coughlin/flexcomponents-jsx';

// Basic usage
<Row>
  <div>Item 1</div>
  <div>Item 2</div>
</Row>

// With alignment
<Row childrenHorizontalPosition="center" childrenVerticalPosition="center">
  <div>Centered content</div>
</Row>

Col

A vertical flex container.

import { Col } from '@mike.e.coughlin/flexcomponents-jsx';

// Basic usage
<Col>
  <div>Item 1</div>
  <div>Item 2</div>
</Col>

// With alignment
<Col childrenHorizontalPosition="center" childrenVerticalPosition="center">
  <div>Centered content</div>
</Col>