Lesson: 07 | Accordion

HTML

<template>
    <lightning-accordion>
        <lightning-accordion-section name="A" label="Accordion Title A">
            <p>This is the content area for section A.</p>
        </lightning-accordion-section>

        <lightning-accordion-section name="B" label="Accordion Title B">
            <p>This is the content area for section B.</p>
        </lightning-accordion-section>     
    </lightning-accordion>
</template>

JavaScript

import { LightningElement } from "lwc";

export default class Accordion extends LightningElement {}

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

Mastered by 56 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (42 lessons)

D. Java Script Methods for LWC (24 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Lesson: 07 | Accordion

HTML

JavaScript

Preview

Video

Lightning Web Components

Login to your account

Lesson: 07 | Accordion

HTML

Lightning Web Components