Nervously Proposing Marriage

    react-row

    1.0.2 • Public • Published

    react-row 〰

    Define gutter and column width and set indexed children

    Usage

    $ npm i react-row
    import Row from 'react-row'
     
    export default () => (
      <Row>{{
        3: <h2>Hi! I am on column 3</h2>,
        6: <h2>Hi! I am on column 6</h2>,
        8: <h2>Hi! I am on column 8</h2>,
      }}</Row>
    )

    Props

    • { ...css rules }: because it uses react-inln you can apply css rules with breakpoints directly in props. Check project to see more.
    • columnWidth - [String] Define column width. Default value is '85.33px'
    • gutterWidth - [String] Define gutter width. Default value is '32px'
    • gutterProps - [Object] react-inln props
    • columnProps - [Object] react-inln props

    Contributing

    • Fork it
    • Create a branch with proper name in kebab-case (eg. fix-something)

      Optional: Create React app in other folder and install this package with npm link or npm i path/to/react-inln

    • Create a PR describing what you did
    • Grab a coffee

    Author

    Jose Varela
    (joselcvarela@gmail.com)

    Install

    npm i react-row

    DownloadsWeekly Downloads

    12

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    107 kB

    Total Files

    7

    Last publish

    Collaborators

    • joselcvarela