index.tsx 497 B

123456789101112131415161718192021222324252627
  1. import React from 'react';
  2. import Card, {
  3. CardActions,
  4. CardActionButtons,
  5. CardActionIcons
  6. } from "@material/react-card";
  7. import '@material/react-card/dist/card.min.css';
  8. function RCard(){
  9. return(
  10. <Card>
  11. <h1>Title</h1>
  12. <CardActions>
  13. <CardActionButtons>
  14. <button>Click Me</button>
  15. </CardActionButtons>
  16. <CardActionIcons>
  17. <i>Click Me Too!</i>
  18. </CardActionIcons>
  19. </CardActions>
  20. </Card>
  21. )
  22. }
  23. export default RCard;