Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Control visibility of lightning component using slds-hide
<!-- Component Markup -->
<div aura:id="yourIdentifier">
<c:Your_Component />
* Controller Method
showComponent : function (component, event, helper) {
$A.util.removeClass(component.find("yourIdentifier"), "slds-hide");
hideComponent : function (component, event, helper) {
$A.util.addClass(component.find("yourIdentifier"), "slds-hide");
Copy link

This is great, didn't know about 'slds-hide'. I'd provide an improvement by using $A.util.toggleClass. Can simplify this to a single method like so:

toggleComponent : function (component, event, helper) {
	$A.util.toggleClass(component.find("yourIdentifier"), "slds-hide");

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment