Lesson: 09 | slds | Box

Notes
Video

Notes

styleWithLightningDesignSystem.html

<template>
    <div class="slds-box">
        <p>This is a regular-sized box.</p>
        </div><br/>
    <div class="slds-box slds-box_small">
        <p>This is a small box.</p>
    </div><br/>
    <div class="slds-box slds-box_x-small">
        <p>This is an extra-small box.</p>
    </div><br/>
    <div class="slds-box slds-box_xx-small">
        <p>This is an extra-extra-small box.</p>
    </div><br/>
</template>

Preview:

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

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

Login to your account

Lesson: 09 | slds | Box

Notes

styleWithLightningDesignSystem.html

Preview:

Lightning Web Components