Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site

Landing News CT

See the News Landing Page In Action

Available Components on Landing: News

Featured Summaries
Featured Topic
Featured: External Content
Featured: Internal Content
In the News
Fourths News Feature
50/25/25 News Feature
50/50 Split News Feature
Filtered News Display
Social Media
Feature Videos
Tabbed News Aggregator
Heading and Description

Filtered News Display

Fourths News Feature Component

See the Fourth News Feature component below. | This component can bring in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, use the Heading and Description component above it. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Old Queens Gate

Here is a summary.

Giving Day 2019

Add a summary here.  Headline 255 character limit. Use this to create links to external content, so that it can function link it's internal to your site. In this example, I am creating a content card, which is a set of content that contains a headline, an image, a topic tag/category/eyebrow, and a link.  This content card can be called into various components similar to other internal CTs like articles.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

50/50 Split News Feature

See the 50/50 Split News Feature component below.    This component shows two large articles at 50% of full-page width side-by-side. To add content, pull in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, you can opt to add a Heading and Description component above it, as you see here. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

Student walking on campus

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

50/25/25 News Feature Component

See the 50/25/25 News Feature component below. | This component can bring in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, a Heading and Description component above it. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Old Queens Gate

Here is a summary.

Giving Day 2019

Add a summary here.  Headline 255 character limit. Use this to create links to external content, so that it can function link it's internal to your site. In this example, I am creating a content card, which is a set of content that contains a headline, an image, a topic tag/category/eyebrow, and a link.  This content card can be called into various components similar to other internal CTs like articles.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

Tabbed News Aggregator - Title

Filtered News Display - Test for All

 Camryn Harrell waves from inside one of the letters at the Revolutionary monument on Busch campus

On the cusp of Commencement, graduates from the class of 2023 reflect on what they’ll miss about Rutgers and lessons they’ll take with them from the university as they start the next chapter of their lives.