[SalesForce] Unknown component apex:slds

When I am trying to use Salesforce Lightning Design System in my vf page, I get error –

Unknown component apex:slds while including <apex:slds /> on my vf page.

Unrelated – I have also tried uploading the slds css as static resource and including it in page, it messes up the standard header. Please see screenshot below

Best Answer

Note that this component is only available starting with API Version 39.0. If you try to include it in API Version 38.0 and below, it will not be available.

Related Solutions

[SalesForce] Are SLDS icons available natively in LEX

They are not natively available in lightning. You will need to get a static resource. There is a great explanation on why and the component workaround that you can use until it is supported.

Lightning SVG Component Helper

Since posting, lightning components can now extend SLDS by using the force:slds markup.

force:slds tag release notes

Lightning Icons can then be used by using the lightning:icon markup:

lightning:icon

[SalesForce] Lightning design system for lightning component : question about icons

It should be possible if you use the lightning:icon standard component.

<aura:component>
    <lightning:icon iconName="action:approval" size="large" alternativeText="Indicates approval"/>
</aura:component>

See the Lightning Design System for a list of all icons and their categories.

Best Answer

Related Solutions

[SalesForce] Are SLDS icons available natively in LEX

[SalesForce] Lightning design system for lightning component : question about icons

Related Topic