Advanced Components
  • Welcome
  • Start here
    • Setup
    • Dependencies
  • Getting Started
    • Front-end tooling
    • Create a new D9 theme
    • Component Architecture
    • Drupal Best Practices
    • Drupal Attributes
    • Twig Blocks
  • Basic Components
    • Global styles
    • Adding webfonts
    • Heading Component
      • Improving the Heading
    • Button Component
  • A component's lifecycle
    • Hero Component
    • Include statements
    • Drupal prep
    • Drupal entities
    • Homepage content type
    • View modes
    • Add Hero to homepage
    • Drupal cache & twig debugging
    • Twig template suggestions
    • Getting field values
    • Integrating the Hero
    • Drupal Libraries
    • Hero Image styles
  • Card component
    • Card Component
    • Component Variants
    • Card Variant
    • Author component
  • Drupal site building
    • Blog articles
    • View modes
    • Drupal Views
    • Author
    • Generate content
    • Adding Blog Lists to the Homepage
  • Drupal Integrations
    • Integrating the Card
      • Taxonomy terms
    • Integrating the Card Wide
    • Author integration
    • From our blog
    • Integrating From our blog
    • Featured Content
    • Integrating Featured Content
    • Blog image styles
    • Blog detail page
  • Extras
    • Image Styles
    • Navigation
  • Resources
    • Resources
Powered by GitBook
On this page
  • Drupal modules
  • Download modules with composer
  • Enable modules

Was this helpful?

  1. Start here

Dependencies

PreviousSetupNextFront-end tooling

Last updated 3 years ago

Was this helpful?

After Drupal has been installed, let's add the following modules which we will use when interacting with Drupal

Drupal modules

  • Responsive Images (core)

  • Media & Media Library (both on core)

Download modules with composer

ddev composer require drupal/components drupal/devel drupal/admin_toolbar drupal/twig_field_value drupal/focal_point drupal/crop

Enable modules

ddev drush en components devel admin_toolbar admin_toolbar_tools twig_field_value focal_point crop

Components Libraries
Devel
Admin toolbar
Twig Field Value
Focal Point
Crop API