JHU Carey Centers Component Library
Project Overview
Draft
Development
Getting Started
Scripting
Fractal
Guide
FAQ’s
Gotchas
For Clients
Information on Images
Learn more about accessibility testing
Search
Library
Components
Accordion
Call To Action
Default
Carousel
Card Carousel
Card Group
Three Up Purple
Three Up Orange
Two Up Blue
Two Up Green Electric
Contact Info
Featured Events
Default
Dark
Related Events
Light
Dark
Media Grid
Accent Purple (Dark)
Accent Blue (Light)
Accent Green Electric (Light)
Accent Mint (Light)
Accent Orange (Dark)
Accent Purple (Light)
Accent Green (Dark)
Hero
Image (Dark)
Image (Light)
Video (Dark)
Video (Light)
Illustration (Dark)
Illustration (Light)
Link Group
Blue Accent
Purple Accent
Orange Accent
Orange Pastel Accent
Green Electric Accent
Mint Accent
Green Accent
People Related
Dark
White
Light
Resources Related
Testimonial
Blue Accent
Purple Accent
Orange Accent
Orange Pastel Accent
Green Electric Accent
Mint Accent
Green Accent
Topic Row
Video Embed
Youtube
Vimeo
Wysiwyg
Blue Accent
Purple Accent
Orange Pastel Accent
Navigation
Basic
Breadcrumb
Collapse
Dropdown
Social
Toggle
Layouts
Footer
Header
Menu
Partials
Contact Details
Event
Event Actions
Event Detail
Event Feature
Event List
Event Meta
Filter
No Results
Results
Google CSE
No Results Message
Page Header
No Media (Light)
No Media (Dark)
Background Photo (Dark)
Background Vimeo
Background Youtube
People (Light)
People (Dark)
404
Resources
Search
Pagination
People
People Meta
Resource
Resource Detail
Resource List
Resource List Item
Resource Meta
Resource Related Item
Share
Default
Static
Accessibility
Axe
Static
CMS
Templates
404
Default
Dark
Components
Default
Dark
Event Detail
Default (Light)
Default (Dark)
Event Listing
Default
Dark
Category
No Results
General Content
Default (Light)
Alert (Dark)
Background Image (Dark)
Background Video (Light)
Home
Video (Dark)
Exposed Nav (Dark)
Illustration (Dark)
Video (Light)
Exposed Name (Light)
Illustration (Light)
Alert
People Detail
Default
Dark
Resource Detail
Default (Light - Image)
Default (Dark - Image)
Default (Light - Video)
Default (Dark - Video)
Resource Listing
Default
Category
Dark
No Results
Search
Default
Dark
WYSIWYG
Framework
Grid
documentation
Development
Getting Started
Scripting
Fractal
Guide
Faqs
Gotchas
Clients
Accessibility
Project Overview