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
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
- Make sure you have updated your component to make sure the below code is completed.
- Make sure you have the Header code in your header.
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.