糖心传媒

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.