Hidden

Usage

This props inherits all the Hidden properties from HTML

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

function App() {

  return ( 
        <Hidden only={['xs', 'sm']}>
          <Row className={'card-components'} justify={'center'}>
            <H6
              variant={'caption'}
              inLineStyles={{
                width: '100%',
                padding: '10px 20px',
                backgroundColor: '#e8e8e8'
              }}
            >
              Hidden's
            </H6>
            <Col
              xl={12}
              md={12}
              sm={12}
              xs={12}
              inLineStyles={{ padding: '0px' }}
            >
              <div style={{ padding: '20px' }}>
                <H6 variant={'caption'}>It shows only in desktop</H6>
              </div>
            </Col>
          </Row>
        </Hidden>
   );
}
export default App;

Reference

Props

className

props for providing classname to Hidden component string

id

props for providing id to Hidden component string

name

props for providing name to Hidden component string

children

props for providing children for Hidden Component React Node