Skip to main content

Row

Usage​

import React from 'react';
import { Row,Col } from 'qdm-component-library';

function App() {

  return ( 
     <Row className={'card-components'} justify={'center'}>
        <Col xl={12} md={12} sm={12} xs={12}>
            {Components}
            hh
      </Col>
     </Row>
   );
}
export default App;

Reference​

Props​

className​

props for providing classname to Row component string

id​

props for providing id to Row component string

name​

props for providing name to Row component string

direction​

props for providing direction for Row component "row" | 'row-reverse' | 'column' | 'column-reverse'

alignItems​

props for providing align items property to the Row Component type "flex-start" | 'center' | "flex-end" | "stretch" | "baseline"

justify​

props for providing justify property to the Row Component type "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly"

children​

props for providing children for Row Component React Node

inLineStyles​

props give addition props to the Row Component type Object

spacing​

props for providing spacing to the Row Component number