In reading through the release notes I was excited to discover the introduction of a new <apex:slds>
tag. That should help lower the barriers to entry! However, the release notes do not specify what the name of the scoping class should be. And since there doesn't yet appear to be any documentation on this tag, we're left guessing.
To be explicit about what I'm trying to understand, take Getting Started with the Design System for example:
<apex:page showHeader="false" standardStylesheets="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" docType="html-5.0">
<html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" lang="en">
<head>
...
<apex:stylesheet value="{!URLFOR($Resource.REPLACE_WITH_NAME_OF_SLDS_STATIC_RESOURCE, 'assets/styles/salesforce-lightning-design-system-vf.min.css')}" />
</head>
<body>
<!-- REQUIRED SLDS WRAPPER -->
<div class="REPLACE_WITH_NAME_OF_CUSTOM_SCOPING_CLASS">
...
</body>
</html>
</apex:page>
If I replace the <apex:stylesheet>
with <apex:slds>
, what should I specify for REPLACE_WITH_NAME_OF_CUSTOM_SCOPING_CLASS
?