Drupal theming

In Drupal 10, you can use the ternary operator in the same way as in regular Twig code. Here's an example of how you can use the ternary operator to create an array of CSS class names based on some conditions:

Writing JavaScript code in Drupal can be challenging because of the way Drupal handles JavaScript. Drupal has a concept called "Drupal behaviors" that can help you write better JavaScript code that works consistently across your site.

This snippet will definitely save you some time searching for the proper structure, it loops over entity referenced nodes and sets a background image from that node

This post gives you a snippet to get the URL path of an entity reference in Twig

I encountered this when I had to build a hero paragraph. I needed the page title inside my paragraph.

I started using custom blocks for reusable content on a website. It turns out twig works a bit different on block content than on paragraphs.

If you want to use a looping functionality in x.html.twig​​​​​​​ you can use the following:

The following snippets can be used to get direct share links to Facebook, Twitter and LinkedIn in your page.html.twig

Drupal's link field is quite generic. You can both add internal paths as external links. Here is how get the correct values in twig.

This is quite an easy one. You get the following variables available in page.html.twig: