Function Row

src/Row.js:29–62

(props)

};

function Row(props) {
  const {
    className,
    cssModule,
    noGutters,
    tag: Tag = 'div',
    widths = rowColWidths,
    ...attributes
  } = props;

  const colClasses = [];

  widths.forEach((colWidth, i) => {
    let colSize = props[colWidth];

    delete attributes[colWidth];

    if (!colSize) {
      return;
    }

    const isXs = !i;
    colClasses.push(
      isXs ? `row-cols-${colSize}` : `row-cols-${colWidth}-${colSize}`,
    );
  });

  const classes = mapToCssModules(
    classNames(className, noGutters ? 'gx-0' : null, 'row', colClasses),
    cssModule,
  );

  return <Tag {...attributes} className={classes} />;
}

Row.propTypes = propTypes;