Title: Turning wordpress/components into blocks
Last modified: November 7, 2022

---

# Turning wordpress/components into blocks

 *  [robbiedev](https://wordpress.org/support/users/robbiedev/)
 * (@robbiedev)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/turning-wordpress-components-into-blocks/)
 * I have been combing through the documentation and looking for tutorials. I’m 
   sure I must be missing something, but this seems like a simple thing.
 * I can see that there exists “@wordpress/components” and I can successfully add,
   for example, a <Card> component – complete with <CardHeader> and <CardBody> into
   my edit.js and see it rendered beautifully in the block editor. However, when
   I add the <Card>,<CardHeader, and <CardBody> to the save.js I do not see anything
   rendered at all. Not even the text inside. It will render when I create a <div
   class=”myCard,myCardHeader,etc.”> but that hardly makes this a time saver. Is
   there a step I am missing? I can’t see any meaningful error logs or anything 
   like that.
 * Is there a tutorial that simply walks through taking one of these components 
   and turning it into a custom block?
 * I started with the gutenberg pride block. That works great and I’ve been able
   to make a few useful blocks with just that knowledge, but it would be nice to
   be able to use these pre-built components to add functionality for our users.
 * Thanks!

Viewing 1 replies (of 1 total)

 *  [Sarah Snow](https://wordpress.org/support/users/arasae/)
 * (@arasae)
 * [3 years, 7 months ago](https://wordpress.org/support/topic/turning-wordpress-components-into-blocks/#post-16197832)
 * Hi there!
 * Hmm, I’m not a developer so I’m not sure how helpful this might be, but since
   it’s been a little bit since you’ve posted this, I thought I might provide a 
   potential resource for you. There is a brand new course on Learn.wordpress.org
   available specifically on making custom blocks. I don’t see anything mention 
   of cards, but perhaps it may be useful to you?
 * Take a look at [this course here on developing your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/)
   to see if it might be useful for you.
 * If that doesn’t help, could you list a few of the custom blocks you’re trying
   to make? What do you need them to to do? 🙂 If you do so, others might be able
   to provide some ways to achieve what you’re after.
 * I hope this helps. Good luck!

Viewing 1 replies (of 1 total)

The topic ‘Turning wordpress/components into blocks’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Sarah Snow](https://wordpress.org/support/users/arasae/)
 * Last activity: [3 years, 7 months ago](https://wordpress.org/support/topic/turning-wordpress-components-into-blocks/#post-16197832)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics