Lesson: 05 | slds | Text | Color

Notes
Video

Notes

styleWithLightningDesignSystem.html

<template>
    <div class="slds-text-color_default">The color of this text is black.</div>
    <div class="slds-text-color_success">The color of this text is green.</div>
    <div class="slds-text-color_weak">The color of this text is weak.</div>
    <div class="slds-text-color_error">The color of this text is red.</div>
    <div class="slds-text-color_destructive">The color of this text is destructive.</div>
    <div class="slds-text-color_inverse">The quick brown fox jumps over the lazy dog.</div>
</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: 05 | slds | Text | Color

Notes

styleWithLightningDesignSystem.html

Preview:

Lightning Web Components