rlayouts
Simple Layout Components for React

Home Components

Column

Creates a flexbox column

Examples

import { Col } from '@barelyreaper/rlayouts'

export default function ColumnExample() {
  return (
    <>
      <Col align="center" justify="center">
        <div>
          <p>Some Content 1</p>
        </div>
        <div>
          <p>Some Content 2</p>
        </div>
      </Col>
    </>
  )
}

Props

{
    children: React.Node
    inline: boolean
    wrap: boolean
    reverse: boolean
    justify: 'start'|'end'|'center'|'baseline'
    align: 'start'|'end'|'center'|'baseline'
}