Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site
Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site
Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site
Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site

subheading

Area of Study

Left Rail List 1

The Left Rail List is a limited rich text component that allows basic formatting like bullet lists, number lists, links, and more. Multiple Left Rail Lists can be added and will appear together on the left side of the page along with an optional button CTA link.

Left Rail List 2

Bullet points

  • Left Rail List 2
  • Left Rail List 2
  • Left Rail List
  • Left Rail List 2

Left Rail List 3

Numbered list

  1. Left Rail List 3
  2. Left Rail List 3
  3. Left Rail List 3
  4. Left Rail List 3
Left Rail CTA
Rutgers

This is the demo page for the Area of Study content type. This page template uses a heading (no hero), a left rail section, and a small set of full-width components. Area of Study is ideal for subpages displaying multi-step, action oriented content.


Area of Study is organized into three main sections:

  1. Main Content - Appears underneath the page heading and includes components such as Rich Text, Featured Summaries, and Feature: Internal/External Content.
  2. Left Rail Lists - A limited rich text component that allows basic formatting like bullet lists, number lists, and links. Multiple Left Rail Lists can be added and will appear together on the left side of the page along with an optional button CTA link.
  3. Full-Width Components - Appears underneath the Main Content and Left Rail sections and includes components such as Description & Card Carousel, 50/50, Photo Feature: 2-Column, Social Media, User Choice: Vertical Tabs, and Full Width Video.

View Live Example

Full Width Components

Available components on the Area of Study content type include Description & Card Carousel, 50/50, Photo Feature: 2-Column, Social Media, User Choice: Vertical Tabs, and Full Width Video.

CTA
Rutgers student dancing

Description & Card Carousel

Description & Card Carousel displays up to three content items at a time with optional arrows to rotate through additional sets of content.

rutgers students
News Topic Taxonomy 1

Article 2

This article can be displayed on pages using various news display components or the Feature: Internal Content component.

Rutgers students at a football game

Image Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Rutgers University queens gate
News Topic Taxonomy 1

External Content 1

This content can be displayed on pages using various news display components or the Feature: External Content component.

Description & Card Carousel Information

Photo Feature: 2-Column

Photo Feature: 2-Column

Rutgers student

Headline 1

Photo Feature: 2-Column displays a prominent image and bold content as users scroll down the component. This component has text and links on one side and an image with a caption area on the other side.

Headline 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.

Headline 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu.

alt text

User Choice Vertical Tabs

    Rutgers buildings

    User Choice Vertical Tabs displays bold headers with an associated image/video, description, and optional links.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.

    Rutgers University Commencement

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in metus vitae ex condimentum molestie. Phasellus at dolor cursus, tristique justo eu, vestibulum arcu. Vivamus.