Components

Last updated 11 Nov 2021

Components are the tangible, reusable building blocks of our designs, such as buttons, page headers, form elements or tabs.

The benefits of working with components

Components are like LEGO bricks, which you can assemble in various ways to build web pages by composing and arranging them in various different ways. A component is a ready-made element, which you can insert anywhere on your website and fill with relevant text and media content.

They ensure consistency
Having a robust component library ensures user experience consistency across all of your projects by acting as the source of truth. You are all building from the same box of legos!
They’re reusable
Think of each component as a single lego piece. You can reuse the same piece many times over many projects. Each individual piece is self-contained.
Get the design starter pack
Get the development starter pack
They’re efficient
Using a centralised component library means team members everywhere can use, update, or add to the same set of building blocks.
They’re easier to maintain
Using self-contained components makes it easy to change one thing without affecting the rest of the system.

I’m not a designer or a developer, why is this important to me?

As a contributor or editor, you will be working with these components when writing and uploading content in Drupal. It’s important to be aware of the purpose that each component has and what are the best applications for them. Each page in this section provides you with an overview on the component and their recommended uses, as well as showing you how to make the most out of them.

Link to “What is a design system” or similar