top of page
Writer's pictureArup Roy

AURA Components in the "ui" Namespace Are Being Retired from Summer ’21 ☀️

The ui components are scheduled for retirement in all Salesforce orgs in Summer ’21. Similar components in the lightning namespace will be use instead. Legacy components we replaced with components that match the latest web standards in performance, accessibility, user experience, and internationalization.


✔️ Lightning components in Lightning Experience, Salesforce Classic, and all versions of the Salesforce app will affected with this change.


🔊 As per updated announcement Salesforce plans to end support for Aura components in the ui namespace in Summer ’21. We can continue to use these components beyond Summer ’21, but they won’t accept support cases after Summer’ 21.


🤦 Now question is How to replace? Replacing the retired components with the lightning namespace. These components have more UI smart effect with out of the box Lightning Design System styling along with great efficiency and fast performance.


Components in the lightning namespace are available in two versions—as Aura components and Lightning web components. Its recommended using Lightning web components whenever possible.

Salesforce recommended alternatives for the retired AURA components mention bellow :


  • ui:actionMenuItem

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:button

  • Replace with lightning:button, lightning:buttonIcon, or lightning:buttonIconStateful. For button groups, use lightning:buttonGroup.

  • ui:checkboxMenuItem

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:inputCheckbox

  • Replace with lightning:input using checkbox, toggle, or checkbox-button type. For checkbox groups, use lightning:checkboxGroup.

  • ui:inputCurrency

  • Replace with lightning:input using number type and currency formatter.

  • ui:inputDate

  • Replace with lightning:input using date type.

  • ui:inputDateTime

  • Replace with lightning:input using datetime type.

  • ui:inputDefaultError

  • Replace with lightning:input using built-in field validation.

  • ui:inputEmail

  • Replace with lightning:input using email type.

  • ui:inputNumber

  • Replace with lightning:input using number type.

  • ui:inputPhone

  • Replace with lightning:input using phone type.

  • ui:inputRadio

  • Replace with lightning:input using radio type. For radio groups, use lightning:radioGroup.

  • ui:inputRichText

  • Replace with lightning:inputRichText.

  • ui:inputSecret

  • Replace with lightning:input using password type.

  • ui:inputSelect

  • Replace with lightning:select or lightning:combobox.

  • ui:inputSelectOption

  • Replace with lightning:select or lightning:combobox.

  • ui:inputText

  • Replace with lightning:input using text type.

  • ui:inputTextArea

  • Replace with lightning:textarea.

  • ui:inputURL

  • Replace with lightning:input using url type.

  • ui:menu

  • Replace with lightning:buttonMenu.

  • ui:menuItem

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:menuItemSeparator

  • Replace with lightning:menuDivider and lightning:buttonMenu.

  • ui:menuList

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:menuTrigger

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:menuTriggerLink

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • ui:message

  • Replace with lightning:notificationsLibrary.

  • ui:outputCheckbox

  • Replace with lightning:input using checkbox type and set readonly to true.

  • ui:outputCurrency

  • Replace with lightning:formattedNumber using style set to currency.

  • ui:outputDate

  • Replace with lightning:formattedDateTime.

  • ui:outputDateTime

  • Replace with lightning:formattedDateTime or lightning:formattedTime.

  • ui:outputEmail

  • Replace with lightning:formattedEmail.

  • ui:outputNumber

  • Replace with lightning:formattedNumber.

  • ui:outputPhone

  • Replace with lightning:formattedPhone.

  • ui:outputRichText

  • Replace with lightning:formattedRichText.

  • ui:outputText

  • Replace with lightning:formattedText.

  • ui:outputTextArea

  • Replace with lightning:formattedText.

  • ui:outputURL

  • Replace with lightning:formattedUrl.

  • ui:radioMenuItem

  • Replace with lightning:menuItem and lightning:buttonMenu.

  • The following events are deprecated.

  • ui:menuFocusChange

  • Replace with lightning:buttonMenu.

  • ui:menuSelect

  • Replace with lightning:combobox.

  • ui:menuTriggerPress

  • Replace with lightning:buttonMenu.



1,300 views0 comments

Recent Posts

See All

Commentaires


bottom of page