天美传媒

Skip to content

Rochester Core

Tab component

Explore documentation around Rochester Core’s Tab component.

1. How-to video: Tab component

2. Tab options

After selecting the tab component on any page that uses the Rochester Core, you’ll be presented with the following options to customize the display and enter content.

Header

The title field is where to add the title or the heading for the entire tab component. Keep in mind titles for specific tabs will be added later. Styling the header as an H2 is recommend.

Background color

The background color selector is where to choose the background color of the entire tab component. This color will serve as the backdrop for your tabs.

Orientation

There are two ways to display the tabs:

  • Horizontal: Choose 鈥楬orizontal鈥� for a left-to-right arrangement, supporting three tabs or more.
  • Vertical: Choose 鈥榁ertical鈥� for a top-to-bottom stack, supporting 3-6 tabs.
Adding tabs
Overline

Enter a brief overline text that appears above the tab title. Use this for labels or categorization.

Title

Enter your tab title here. For best results, we recommend using H2 or H3 styling for clear emphasis.

Text

Add supporting text for the tab. For clarity, use paragraph styling for detailed information or bullet lists for concise points. Keep text concise (400 characters max) to ensure readability and scannability. Focus on high-level insights and key takeaways.

Image

Choose an image to visually represent this tab. Recommended image dimensions: Vertical orientation: 840px by 840px (1:1), with a centered focal point for optimal display. Horizontal orientation: 1216px by 840px (3:2), with a centered focal point for optimal display.

Image placement

Choose where the image will be positioned on the tab to best fit your content layout. (Left or Right)

3. Example tab component

Explore demos of the tab component below. You can create horizontal or vertical versions with gray, navy, or charcoal backgrounds.

Your education, your way

Open curriculum

No required subjects

Rochester鈥檚 signature open curriculum gives you the freedom to design your own path鈥攏o core requirements holding you back. You can dive deep into the disciplines you love, test out new fields, and truly tailor your coursework to your passions.

That flexibility encourages intellectual risk-taking and cross-disciplinary connections you won鈥檛 find at most universities. It鈥檚 no surprise that 90% of incoming students say our open curriculum was a major factor in their decision to enroll.

Explore the curriculum

A young 天美传媒 student stands in a room with several other people, engaged in conversation.
Research at Rochester

Student research

As an R1 university, Rochester puts you squarely in the middle of groundbreaking work from day one. You鈥檒l pair up with faculty mentors on real projects鈥攚hether you鈥檙e in a lab, the field, or a studio鈥攂ridging theory and practice in meaningful ways.

Our smaller size means you won鈥檛 be just another face in the crowd; you鈥檒l get hands-on guidance and real responsibility. That immersive experience sparks curiosity and builds the skills employers and grad schools crave.

Research in action

A 天美传媒 student in a lab coat and goggles, smiling while working in a laboratory setting.
Fifth-year opportunity

Take Five

The Take Five program is one of the only tuition-free fifth-year offerings in higher ed, letting you press pause on your major and pursue something entirely new. Use that extra year to launch a startup, learn a language, produce a creative work, or explore an emerging field outside your degree.

You get the same support and access you鈥檝e had all four years鈥攋ust with room to roam. It鈥檚 a chance to deepen your roots at Rochester while branching out in ways you never imagined.

What is Take Five?

A 天美传媒 student in a blue shirt and glasses working on electronics at a lab table.
Global experiences

Study abroad

Broaden your perspective with one of hundreds of study-abroad programs in more than 50 countries鈥攆rom art studios in Florence to sustainability labs in Costa Rica. Our experienced advisors help you find the perfect fit, navigate funding, and ensure your safety and well-being overseas.

Living and learning in a new culture will sharpen your language skills, deepen your empathy, and give you insights you can鈥檛 get in a classroom alone. With 25% of Rochester students participating, study abroad is a cornerstone of our global-minded community.

Discover education abroad

Three 天美传媒 students with colorful paint on their faces, smiling and enjoying a fun moment together.

Your education, your way

Open curriculum

No required subjects

Rochester鈥檚 signature open curriculum gives you the freedom to design your own path鈥攏o core requirements holding you back. You can dive deep into the disciplines you love, test out new fields, and truly tailor your coursework to your passions.

That flexibility encourages intellectual risk-taking and cross-disciplinary connections you won鈥檛 find at most universities. It鈥檚 no surprise that 90% of incoming students say our open curriculum was a major factor in their decision to enroll.

Explore the curriculum

A young 天美传媒 student stands in a room with several other people, engaged in conversation.
Research at Rochester

Student research

As an R1 university, Rochester puts you squarely in the middle of groundbreaking work from day one. You鈥檒l pair up with faculty mentors on real projects鈥攚hether you鈥檙e in a lab, the field, or a studio鈥攂ridging theory and practice in meaningful ways.

Our smaller size means you won鈥檛 be just another face in the crowd; you鈥檒l get hands-on guidance and real responsibility. That immersive experience sparks curiosity and builds the skills employers and grad schools crave.

Research in action

A 天美传媒 student in a lab coat and goggles, smiling while working in a laboratory setting.
Fifth-year opportunity

Take Five

The Take Five program is one of the only tuition-free fifth-year offerings in higher ed, letting you press pause on your major and pursue something entirely new. Use that extra year to launch a startup, learn a language, produce a creative work, or explore an emerging field outside your degree.

You get the same support and access you鈥檝e had all four years鈥攋ust with room to roam. It鈥檚 a chance to deepen your roots at Rochester while branching out in ways you never imagined.

What is Take Five?

A 天美传媒 student in a blue shirt and glasses working on electronics at a lab table.
Global experiences

Study abroad

Broaden your perspective with one of hundreds of study-abroad programs in more than 50 countries鈥攆rom art studios in Florence to sustainability labs in Costa Rica. Our experienced advisors help you find the perfect fit, navigate funding, and ensure your safety and well-being overseas.

Living and learning in a new culture will sharpen your language skills, deepen your empathy, and give you insights you can鈥檛 get in a classroom alone. With 25% of Rochester students participating, study abroad is a cornerstone of our global-minded community.

Discover education abroad

Three 天美传媒 students with colorful paint on their faces, smiling and enjoying a fun moment together.

Your education, your way

Open curriculum

No required subjects

Rochester鈥檚 signature open curriculum gives you the freedom to design your own path鈥攏o core requirements holding you back. You can dive deep into the disciplines you love, test out new fields, and truly tailor your coursework to your passions.

That flexibility encourages intellectual risk-taking and cross-disciplinary connections you won鈥檛 find at most universities. It鈥檚 no surprise that 90% of incoming students say our open curriculum was a major factor in their decision to enroll.

Explore the curriculum

A young 天美传媒 student stands in a room with several other people, engaged in conversation.
Research at Rochester

Student research

As an R1 university, Rochester puts you squarely in the middle of groundbreaking work from day one. You鈥檒l pair up with faculty mentors on real projects鈥攚hether you鈥檙e in a lab, the field, or a studio鈥攂ridging theory and practice in meaningful ways.

Our smaller size means you won鈥檛 be just another face in the crowd; you鈥檒l get hands-on guidance and real responsibility. That immersive experience sparks curiosity and builds the skills employers and grad schools crave.

Research in action

A 天美传媒 student in a lab coat and goggles, smiling while working in a laboratory setting.
Fifth-year opportunity

Take Five

The Take Five program is one of the only tuition-free fifth-year offerings in higher ed, letting you press pause on your major and pursue something entirely new. Use that extra year to launch a startup, learn a language, produce a creative work, or explore an emerging field outside your degree.

You get the same support and access you鈥檝e had all four years鈥攋ust with room to roam. It鈥檚 a chance to deepen your roots at Rochester while branching out in ways you never imagined.

What is Take Five?

A 天美传媒 student in a blue shirt and glasses working on electronics at a lab table.
Global experiences

Study abroad

Broaden your perspective with one of hundreds of study-abroad programs in more than 50 countries鈥攆rom art studios in Florence to sustainability labs in Costa Rica. Our experienced advisors help you find the perfect fit, navigate funding, and ensure your safety and well-being overseas.

Living and learning in a new culture will sharpen your language skills, deepen your empathy, and give you insights you can鈥檛 get in a classroom alone. With 25% of Rochester students participating, study abroad is a cornerstone of our global-minded community.

Discover education abroad

Three 天美传媒 students with colorful paint on their faces, smiling and enjoying a fun moment together.