Components
Updated:
What is a Component?
The Maryland Drupal CMS is designed with flexibility in mind. Your website can be customized to meet your specific agency’s needs using Components.
Components are building blocks for the Drupal CMS. They are flexible widgets that can be added to a page, each with a unique design and features.
Benefits of Components
- Can be placed in any order
- Highly flexible with variations in both design and functionality
- Can be reused from page to page, so that content that is repeated can be edited in just one place
Components At-a-Glance
| Component | Use for... | Basic Page | Landing Page | Listing | Contact | Location | News | Event |
|---|---|---|---|---|---|---|---|---|
| Text Editor | Text, bullets, images and other text content | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |
| Accordion | A list of headers that hide or reveal additional content when selected | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Button Group | The most important action(s) on a page | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Callout | A tagline, mission, or short statement | ✔️ | ||||||
| Promo | Key initiatives, priorities or other content with a link | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Video Promo | A video with a description and an optional link | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Link Collection | A manually-created list of related links | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Visual Link Collection | A manually-created list of related links with images | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Icon List | A manually-created list of related items with icons | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Highlight | Content displayed in two or three columns | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Automatic List | An automatic list of related items like news, events, or people | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Statistic List | Rankings, percentages or other numerical data | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | |
| Step List | Instructions on how to complete a task or access a benefit or service | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ | ||
| Summary Box | Highlights key information from a long page or displays next steps | ✔️ | ✔️ | ✔️ | ✔️ | ✔️ |