-
Notifications
You must be signed in to change notification settings - Fork 3
Components
Alfred J Lin edited this page Mar 12, 2026
·
2 revisions
Components are the individual UI elements used to build pages in the UMD Libraries Design System. They are implemented as Drupal Single Directory Components (SDCs) and are available in the Layout Builder.
- Heading — Section titles and page headings (H1–H4)
- Text — Body text via WYSIWYG
- Image — Embedded images with aspect ratio control
- Text Callout — Highlighted short-form text
- Quote — Featured or simple pull quotes
- CTA Button — Primary action button
- Emphasized Link — Prominent standalone link
- Card — Standard, Overlay, or Icon card
- List — Vertical content listing with image and date
- Event — Single event display with date, time, and location
- Person — Staff or faculty profile in Bio, List, or Card format
- Section Intro — Section heading with optional "see all" link
- Hero — Minimal or Overlay page hero
- Alert — In-page or site-wide alert message
- iFrame — Embedded external content
- Navigation — Primary site navigation with main, utility, and search slots
- Side Navigation — Sidebar menu for section navigation
- Breadcrumb — Auto-generated navigation trail
- UMD Header — University-wide required header
- Chat Widget — Embedded live chat
- Footer — Site footer with contact info, menus, and social links
- Scroll to Top — Floating scroll-to-top button