Description

The SUI-Card component features a generic div tag including two more nested containers one on top of the other.

SUI-Card render Example

SUI-Card Component implementation

  
    const images = [{
      src: 'https://scontent-mad1-1.cdninstagram.com/t51.2885-15/e15/11199623_633712610062793_1285693904_n.jpg',
      type: 'image',
      link: 'https://www.instagram.com/p/TNUdPKpMgM/?taken-by=davecarter'
    }];

    ReactDom.render(
        <SuiCard
          primary={
            <SuiMultimedia images={images} />
          }
          secondary={
            <div>
              <h2 className='sui-Card-title'>This is the Card Title</h2>
              <p className='sui-Card-description'>This is the description text of this Card</p>
            </div>
          }
        />,
      document.getElementById('main')
    );