Lesson: 17 | Accordion

HTML

<template>
    <div class="slds-box">
        <lightning-accordion allow-multiple-sections-open>
            <lightning-accordion-section name="section-1" label="Section 1">
                <p>This is the content of section 1.</p>
            </lightning-accordion-section>
            <lightning-accordion-section name="section-2" label="Section 2">
                <p>This is the content of section 2.</p>
            </lightning-accordion-section>
            <lightning-accordion-section name="section-3" label="Section 3">
                <p>This is the content of section 3.</p>
            </lightning-accordion-section>
        </lightning-accordion>
    </div>    
</template>

Prev You need to login to have access to the quizzes. Next

Mastered by 28 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Lesson: 17 | Accordion

HTML

Preview

Video

Lightning Web Components

Login to your account

Lesson: 17 | Accordion

HTML

Lightning Web Components