Summary

In this chapter, we’ve explored one of the most exciting new features of Drupal 10, Single Directory Component.

First, you’ve learned how a component is and how to generate one using Drush. Then we’ve seen how to provide custom CSS, JavaScript, and Twig code.

Next, you’ve learned how to include or embed a component into one of the templates provided by Drupal. We’ve discussed props and slots, what they are, and how to use them to define placeholders.

We’ve talked about how to override a component provided by a module or theme.

Finally, we’ve briefly mentioned how to integrate Single Directory Component provided by Drupal Core with Storybook.