Component Builder Information (v2)

Home Alternate Versions Color Checker Preview Lists Help Notes

Vertical Tab on Base Toolkit - Version 2.14


Preview this component
(Custom Element; v2.15.0; 3/3/2023)

Guidelines using the component

Academics

Degree Programs

There’s no academic experience quite like Grainger Engineering. Ranked the #6 college of engineering with 13 top 5 programs from US News and World Report, we have a reputation of being the best of the best. But a lot goes into those numbers. Engaging professors. State-of-the-art facilities. Groundbreaking student resources. Brilliant classmates. Supportive environment. Endless opportunities. Whether you’re a first year undergraduate or working toward a PhD, our programs are designed to help you become the engineer you want to be.

Second paragraph

Sample button

Non-degree programs

The University of Illinois offers a variety of non-degree programs for individuals who want to expand their knowledge and skills without enrolling in a full degree program. These programs are designed to provide students with specialized training in a particular area of study or profession. Some of the non-degree programs offered at the University of Illinois include certificate programs, professional development courses, and continuing education programs.

These programs are available in a wide range of fields, from business and technology to education and healthcare. The non-degree programs at the University of Illinois are a great way for individuals to gain new skills, improve their career prospects, or simply pursue a personal interest.

Student Organizations

We offer a wide variety of extracurricular activities for students to get involved in. These activities range from sports and fitness programs to student organizations and community service projects. The university has over 1,000 registered student organizations, providing opportunities for students to explore their interests and engage with their peers.

Technical Notes

The <il-vertical-tab> should only contain a title and <il-vertical-tab-panel> components. The <il-vertical-tab-panel> should not be used outside of the <il-vertical-tab> component.

Description

The Vertical Tab Component is used to display a sidebar of headings along with text. The headings should be HTML headings at the same level (<h2>, <h3>, etc.). In a mobile format, this will turn into a traditional accordion.

Component Display

Change Your Content and Options

Template -- enter raw HTML here

Important Classes

Classes

N/A

Attributes

N/A

Advanced Options

These options are only to be used in advanced situations -- most of your needs should be met through the attributes and classes, and this breaks the intent of having a unified design.

Custom Style Tag before text

How to add it to your page

Copy and paste this in your page. Remember

Note that this uses the custom style 'builder-custom'. You may need to change this if you are using multiple versions of this component with different styles.

Copied to clipboard