-
What is a block, an element and a modifier in SLDS?
What is a block, an element and a modifier in SLDS ?
-
2 Replies
-
Hi Anurag,
Block:
A block represents the main component name. If you were building a house component, the class name would be .house. All of the properties you want included for all houses would be included in the base .house class.
Element:
An element represents a part of a component and is separated by two underscores. The door of the house would be represented by the class.house__door. A window would be .house__window.
Modifier:
A modifier is a component or element variation and is separated by a single underscore. The variation can apply to the overall component or it can be applied to an element within the component.
Since the properties that should apply to every house are placed on the main .house class, all houses receive the.house class as the base. If there is a variation of a house — perhaps it is gray — the .house_gray class would be added to the component in addition to the .house class.
If the house has a pink door, a variation can be placed on the door element itself — .house__door_pink.
-
Hello,
A block represents a high-level component (e.g. .car)
An element represents a descendant of a component (e.g. .car__door)
A modifier represents a particular state or variant of a block or element (e.g. .car__door_red)Thanks.
Log In to reply.
Popular Salesforce Blogs
Salesforce CRM Implementation: Challenges and Solutions
Introduction Many organizations face challenges when implementing or integrating Salesforce CRM into their organization. At this point, you must identify the Salesforce deployment challenges your…
How Salesforce CRM Can Enhance a Business?
Salesforce is among the most trendiest and trustworthy CRM solutions in the present era. We may have had heard about how young entrepreneurs make the…
How To Make Your Salesforce Reports Run Faster
In this article, we are going to share some known tips and tricks which can make your Salesforce reports run faster. Most reports load in a matter…
Popular Salesforce Videos
How to Report on the Reports in Your Salesforce Org
Do you want a list of all the reports in your Salesforce org? Would you like to see a list of reports and the last…
Scheduled Actions Workflow Rules, Process Builder and Lightning Flow
Time-dependent actions are executed at a specific time, such as 10 days before a record's close date. When that specific time passes, the workflow rule…
Salesforce Interview | Marketing Cloud Success
What's it like to learn Marketing Cloud from scratch? Akasia Perran has the answers and in this video, I ask her about her experience starting…