SIGN IN
SIGN UP
Login to your account
Username or Email *
Password *
Remember Me
Forgot your password?
Forgot your username?
Menu
Home
Courses
Administrator
Flow Builder
Apex Beginner
Apex Intermediate
Integration
LWC
Projects
Challenge
Recap Quiz
Sign Up
Live Courses
Interview
Sign In
LWC Progress | ( Lessons)
%
GO TO COURSE
Lesson: 06 | Component SVG Icon
Notes
Video
Notes
A component can include an SVG resource to use as a custom icon in Lightning App Builder and Experience Builder.
If the component is called myComponent, the svg is
myComponent.svg
.
You can only have one SVG per folder.
Video
YouTube'da videoyu izlemek için buraya tıklayın.
Prev
You need to login to have access to the quizzes.
Next
Mastered by 37 users.
Lightning Web Components
A. Component Reference
(27 lessons)
01 | Get Started
02 | Card
03 | Layout
04 | Avatar
05 | Button
06 | Button Group
07 | Accordion
08 | Textarea
09 | Basic Badge
10 | Progress Bar
11 | Spinner
12 | Tabset
13 | Formatted Name
14 | Formatted Email
15 | Formatted Address
16 | Footer
17 | Accordion
18 | Button Icon
19 | Slider
20 | Button Menu
21 | Carousel
22 | Help Tex
23 | Input Rich Text
24 | Input Name
25 | Input Location
26 | Input Address
28 | Record Picker
B. Lightning Web Components | Utilities
(11 lessons)
01 | Custom CSS
02 | Text
03 | slds | Text | Title
04 | slds | Text | Align
05 | slds | Text | Color
06 | slds | Text | Font
07 | Alignment
08 | slds | Borders
09 | slds | Box
10 | slds | Floats
11 | slds | print
C. Lightning Web Component Guide
(41 lessons)
01 | Component Folder
02 | Component HTML File
03 | Component JavaScript File
04 | Component CSS File
05 | Component Configuration File
06 | Component SVG Icon
07 | Additional JavaScript Files
08 | Component Tests
09 | Component Namespaces
10 | HTML Templates
11 | Data Binding in a Template
12 | The attribute onchange
13 | Getters
14 | Setters
15 | Render DOM Elements Conditionally
16 | Render Lists | for:each
17 | Render Lists | Iterator
18 | Render Multiple Templates
19 | Get Information About the Current User
20 | Compare Base Components
21 | Load a Record (View a Record)
22 | Create a Record I
22 | Create Record II
23 | Edit a Record
24 | Delete a Record
25 | Delete a Record | ToastEvent
26 | Delete a Record | Navigate to Table
27 | Delete a Record | ToastEvent |...
28 | Build Custom UI to Create and Edit Records
29 | Display Data in a Table with Inline Editing
30 | Access Elements the Component Owns
31 | Communicate from Child to Parent
32 | Communicate from Parent to Child
33 | Display Toast Notifications
34 | Fetch Records Via Apex
35 | Lightning Record Picker
36 | Handling Localization
37 | File Upload and Display
38 | Display RelatedList
39 Fetching and Displaying Picklist Values for a...
40 | Dynamically Assigning CSS Classes
D. Java Script Methods for LWC
(23 lessons)
01 | Data Types
02 | String Methods
03 | Operators
04 | Switch Statement
05 | If Else
06 | Loop For
07 | Loop For In
08 | While Loop
09 | Break
10 | Continue
10 | Objects
11 | Arrays
12 | Add new element to an Array
13 | Maps
14 | Functions
15 | Events
16 | Arrow Function
17 | Generate Random Number
18 | connectedCallback()
19 | renderedCallback()
20 | disconnectedCallback()
21 | JSON Single
22 | JSON Multiple
E. HTML
(18 lessons)
01 Elements
02 | Headings
03 | Paragraphs
04 | Comments
05 | Attributes
06 | Styles
07 | Text Formatting
08 | Colors
09 | HTML HEX Colors
10 | Images
11 | Links
12 | Lists
13 | Tables
14 | CSS
15 | Link Colors
16 | Quotation
17 | HTML HSL and HSLA Colors
You need to complete all the quizzes before certification.
F. JavaScript
(19 lessons)
01 | Intro
02 | Output
03 | Statements
04 | Comments
05 | Variables
06 | Let
07 | Var
08 | Const
09 | Arithmetic Operators
10 | Assignment Operators
11 | String Operators
12 | Comparison Operators
13 | Logical Operators
14 | Type Operators
15 | Data Types
16 | Strings
17 | String Methods
18 | Arrays
19 | Numbers
Go to top