# 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
card-actions-with-no-class
  • With the .card-action-dense class
card-actions-with-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>
Last Updated: 3/11/2024, 6:51:36 AM