Skip to main content

Col

Usage​

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

function App() {

  return ( 
      <Col xl={12} md={12} sm={12} xs={12}>
         {Components}
      </Col>
   );
}
export default App;

Reference​

Props​

className​

props for providing classname to Col component string

id​

props for providing id to Col component string

name​

props for providing name to Col component string

lg​

props for large screen for Col component number

md​

props for medium screen for Col component number

sm​

props for small screen for Col component number

xs​

props for extra small screen for Col component number

direction​

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

alignItems​

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

justify​

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

textAlign​

props for providing text align property to the Col Component 'center' | 'right' | 'left'

children​

props for providing children for Col Component React Node

inLineStyles​

props give addition props to the Col Component type Object