Builder IFrame

Template -- enter raw HTML here

Samples:

Enter raw HTML here

Attributes, Classes, and CSS Variables

accent (attribute)

Color accent used, defaults to blue

width (attribute)

Width of the accordion (should it use the containing controller or break to full width)

limit (attribute)

Whether or not it limits the number of open items to a single item

buttons (attribute)

Whether or not it displays buttons for expand and collapse all

compact (attribute)

Displays in compact view

Custom CSS Variables and Styles (advanced use only)

Parent style:

--ilw-accordion--margin

Margin of the main accordion

--ilw-accordion--accent

Accent color of the main accordion

--ilw-accordion-panel--image-transform

Transform of the chevron when not expanded

--ilw-accordion-panel--image-transform-expand

Transform of the chevron when expanded

--ilw-accordion-panel--margin

Margin of the panel

--ilw-accordion-panel--padding

Padding of the panel content (the information below the header)

--ilw-accordion-panel--header-padding

Padding of the header panel (the header section)

--ilw-accordion-panel--section-margin

Margin of the entire section (including the header)

--ilw-accordion-panel--expanded--section-margin

Margin of the entire section (including the header) when expanded

--ilw-color--background

Global style: Background color

--ilw-color--text

Global style: Text color

--ilw-color--border

Global style: Border color

--ilw-color--border-light

Global style: Light border color

--ilw-color--link

Global style: Link color

--ilw-color--link-hover

Global style: Link hover color

--ilw-color--link-visited

Global style: Link visited color

--ilw-color--heading

Global style: Heading color

--ilw-color--heading-link

Global style: Heading link color

--ilw-color--heading-link-hover

Global style: Heading link hover color

--ilw-color--heading-link-visited

Global style: Heading link visited color

--ilw-color--control

Global style: Control color

--ilw-color--control-text

Global style: Control text color

--ilw-color--control-accent

Global style: Control accent color

--ilw-color--control-accent-text

Global style: Control accent text color

--ilw-color--table-border

Global style: Table border color

--ilw-color--table-background

Global style: Table background color

--ilw-color--table-row-stripe

Global style: Table row stripe color

--ilw-color--table-head-background

Global style: Table head background color

--ilw-color--table-head-color

Global style: Table head text color

--ilw-color--focus--background

Global style: Focus background color

--ilw-color--focus--text

Global style: Focus text color

--ilw-color--focus--outline

Global style: Focus outline color

--ilw-margin--side

Global style: Side margin in pixels

--ilw-panel--color

Global style: Panel color (depreciated)

--ilw-panel--highlighted-color

Global style: Panel highlighted color (depreciated)

--ilw-panel--focused-color

Global style: Panel focused color (depreciated)

HTML listed here

This parent has a style of that is not figured into the source HTML. You can change this by opening the Custom CSS Variables and Styles and editing the parent style.

Copied to clipboard

This is the additional HTML used to test the item.

<ilw-accordion-panel><h3 slot="summary">What are the admission requirements for enrolling in a degree program?</h3><p>To enroll in a degree program, you typically need to meet certain admission requirements, which may include:</p><ul><li>A high school diploma or equivalent (e.g., GED)</li><li>Satisfactory SAT, ACT, or other standardized test scores (if required)<li>Completion of prerequisite courses, particularly for specialized programs (e.g., math and science courses for engineering)<li>Letters of recommendation, a personal statement, or an admissions essay<li>A minimum GPA requirement, which varies by program and institution</ul></ilw-accordion-panel><ilw-accordion-panel><h3 slot="summary">How do I submit my application?</h3><p>Applications are usually submitted online through the university's admissions portal.</p></ilw-accordion-panel><ilw-accordion-panel><h3 slot="summary">When is the application deadline?</h3><p>Application deadlines vary by program, so check the specific dates on the university’s website.</p></ilw-accordion-panel>

<ilw-accordion-panel open="true"><h3 slot="summary">What are the admission requirements for enrolling in a degree program?</h3><p>To enroll in a degree program, you typically need to meet certain admission requirements, which may include:</p><ul><li>A high school diploma or equivalent (e.g., GED)</li><li>Satisfactory SAT, ACT, or other standardized test scores (if required)<li>Completion of prerequisite courses, particularly for specialized programs (e.g., math and science courses for engineering)<li>Letters of recommendation, a personal statement, or an admissions essay<li>A minimum GPA requirement, which varies by program and institution</ul></ilw-accordion-panel><ilw-accordion-panel><h3 slot="summary">How do I submit my application?</h3><p>Applications are usually submitted online through the university's admissions portal.</p></ilw-accordion-panel><ilw-accordion-panel><h3 slot="summary">When is the application deadline?</h3><p>Application deadlines vary by program, so check the specific dates on the university’s website.</p></ilw-accordion-panel>