Title: Work with the InnerBlocks component
Published: 1 September 2022
Last modified: 13 May 2025

---

[Home](https://learn.wordpress.org)[Courses](https://learn.wordpress.org/courses/)
[Introduction to Block Development: Build your first custom block](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/)
Work with the InnerBlocks component

 [ Exit Course ](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/)

 1.   a.  [   What is a block?  ](https://learn.wordpress.org/lesson/what-is-a-block/)
      b.  [   Set up your development environment  ](https://learn.wordpress.org/lesson/set-up-your-development-environment/)
      c.  [   Scaffold your first block  ](https://learn.wordpress.org/lesson/scaffold-your-first-block/)
      d.  [   Understand the structure of the project  ](https://learn.wordpress.org/lesson/understand-the-structure-of-the-project/)
      e.  [   Build and run your project  ](https://learn.wordpress.org/lesson/build-and-run-your-project/)
      f.  [   Start editing the project  ](https://learn.wordpress.org/lesson/start-editing-the-project/)
 2.   6 lessons, 4 quizzes
 3.   a.  [   Make the block interactive  ](https://learn.wordpress.org/lesson/make-the-block-interactive/)
      b.  [   Add ‘block supports’ controls  ](https://learn.wordpress.org/lesson/add-block-supports-controls/)
      c.  [   Define default settings in block.json  ](https://learn.wordpress.org/lesson/define-default-settings-in-block-json/)
 4.   3 lessons, 3 quizzes
 5.   a.  [   Create custom inspector panel controls  ](https://learn.wordpress.org/lesson/create-custom-inspector-panel-controls/)
      b.  [   Add more configuration options  ](https://learn.wordpress.org/lesson/add-more-configuration-options/)
      c.  [   Configuration options for the separator  ](https://learn.wordpress.org/lesson/configuration-options-for-the-separator/)
 6.   3 lessons, 2 quizzes
 7.   a.  [   Work with the InnerBlocks component  ](https://learn.wordpress.org/lesson/work-with-the-innerblocks-component/)
      b.  [   Refining the project  ](https://learn.wordpress.org/lesson/refining-the-project/)
      c.  [   Add Style Variations  ](https://learn.wordpress.org/lesson/add-style-variations/)
      d.  [   Add configuration options for the Style Variations  ](https://learn.wordpress.org/lesson/add-configuration-options-for-the-style-variations/)
      e.  [   Conditionally display controls  ](https://learn.wordpress.org/lesson/conditionally-display-controls/)
 8.   5 lessons
 9.   a.  [   The finished project  ](https://learn.wordpress.org/lesson/the-finished-project/)
      b.  [   Debugging and troubleshooting  ](https://learn.wordpress.org/lesson/debugging-and-troubleshooting/)
      c.  [   Finding information when you need it  ](https://learn.wordpress.org/lesson/finding-information-when-you-need-it/)
 10.  3 lessons

### Module 4 – Taking things further

# Work with the InnerBlocks component

Using the InnerBlocks component to give users the option to add a variety of content.

 You don’t have access to this lesson

Please register or sign in to access the course content.

 [ Take course ](https://learn.wordpress.org/course/introduction-to-block-development-build-your-first-custom-block/)

 [ Sign in ](https://login.wordpress.org/?redirect_to=https%3A%2F%2Flearn.wordpress.org%2Flesson%2Fwork-with-the-innerblocks-component%2F&locale=en_US)

##  Suggestions

 Found a typo, grammar error or outdated screenshot? [Contact us](https://learn.wordpress.org/report-content-feedback/).