Use this table to find the equivalent base Lightning web component for a specific standard Visualforce component.
| Visualforce component | Lightning web component |
|---|---|
apex:pageBlock |
lightning-card |
apex:pageBlockButtons |
Set actions slot on lightning-card |
apex:pageBlockSection |
lightning-accordion and lightning-accordion-section |
apex:pageBlockSectionItem |
lightning-layout and lightning-layout-item |
apex:toolbarGroup |
lightning-layout and lightning-layout-item |
apex:panelGrid |
lightning-layout and lightning-layout-item |
apex:panelGroup |
lightning-layout and lightning-layout-item |
apex:tabPanel |
lightning-tabset |
apex:tab |
lightning-tab |
apex:repeat |
template for:each or iterator |
apex:pageBlockTable |
lightning-datatable |
apex:dataTable |
lightning-datatable |
apex:inlineEditSupport |
lightning-datatable with inline editing in editable columns |
apex:image |
lightning-platform-resource-loader |
apex:stylesheet |
lightning-platform-resource-loader |
apex:includeScript |
lightning-platform-resource-loader |
apex:map |
lightning-map |
apex:form |
lightning-record-form, lightning-record-view-form, and lightning-record-edit-form |
apex:input |
lightning-input and lightning-slider |
apex:inputCheckbox |
lightning-input type="checkbox" or lightning-input type="checkbox-button" |
apex:inputFile |
lightning-input type="file" or lightning-file-upload |
apex:inputHidden |
lightning-input class="slds-hide" |
apex:inputSecret |
lightning-input type="password" |
apex:inputText |
lightning-input type="text" |
apex:inputTextArea |
lightning-textarea |
apex:inputField |
lightning-input-field |
apex:selectCheckboxes |
lightning-checkbox-group |
apex:selectList |
lightning-combobox or lightning-dual-listbox |
apex:selectRadio |
lightning-radio-group |
apex:outputLabel |
Set label attribute on lightning-input |
apex:outputField |
lightning-output-field |
apex:outputLink |
lightning-formatted-url |
apex:outputText |
lightning-formatted-datetime, lightning-formatted-number, lightning-formatted-rich-text, lightning-formatted-text, or lightning-formatted-time |
apex:commandButton |
lightning-button, lightning-button-stateful, lightning-button-icon, or lightning-button-icon-stateful |
apex:commandLink |
lightning-button with bare variant |
apex:pageMessage |
lightning-platform-show-toast-event |
apex:messages or apex:message |
Custom validity on lightning-input |
apex:pageMessages |
Automatic for lightning-record-form. Use lightning-messages in lightning-record-view-form or lightning-record-edit-form |
See Also