# Card

Please visit MUI Card Docs (opens new window) for a proper explanation of the Card component.

# How to use Text Button inside Card Actions

If you are using a text button inside the CardActions component, you need to add the .card-action-dense class along with the CardActions component; otherwise, it will break the alignment.

Without the .card-action-dense class

With the .card-action-dense class

Here is the example of how to use the class mentioned above:

<Card>
  <CardContent>...</CardContent>
  <CardActions className='card-action-dense'>
    <Button variant='text'>Button</Button>
  </CardActions>
</Card>

← Button Chip →