Main content

The main content of a Card component is where information concerning the subject is placed. The CardContent component is a child of Card, and you can use it to render other Material UI components, such as Typography.

How to do it...

Let's say that you're working on a detail screen for some type of entity, such as a blog post. You've decided to use a Card component to render some of the entity details since the entity is the subject under consideration. Here's the code that will render a Card component with information about a particular subject:

import React from 'react';

import { withStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card&apos...