Lesson: 20 | Button Menu

HTML

<template>
    <lightning-card>
        <lightning-button-menu alternative-text="Show menu" icon-name="utility:down" variant="border-filled" title="Actions">
            <lightning-menu-item value="1" label="Edit" icon-name="utility:edit"></lightning-menu-item>
            <lightning-menu-item value="2" label="Delete" icon-name="utility:delete" disabled></lightning-menu-item>
            <lightning-menu-item value="3" label="Clone" icon-name="action:clone"></lightning-menu-item>
            <lightning-menu-item value="4" label="Preview" icon-name="utility:preview"></lightning-menu-item>
            <lightning-menu-item value="5" label="Share" icon-name="utility:share"></lightning-menu-item>
        </lightning-button-menu>
    </lightning-card>
</template>

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

Mastered by 27 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

Arabic	Hebrew	Polish
Bulgarian	Hindi	Portuguese
Catalan	Hmong Daw	Romanian
Chinese Simplified	Hungarian	Russian
Chinese Traditional	Indonesian	Slovak
Czech	Italian	Slovenian
Danish	Japanese	Spanish
Dutch	Klingon	Swedish
English	Korean	Thai
Estonian	Latvian	Turkish
Finnish	Lithuanian	Ukrainian
French	Malay	Urdu
German	Maltese	Vietnamese
Greek	Norwegian	Welsh
Haitian Creole	Persian

Login to your account

Lesson: 20 | Button Menu

HTML

Lightning Web Components