Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Standard Visualforce Components and Base Lightning Web Components Side by Side

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` `lightning-record-edit-form`
`apex:input`	`lightning-input` `lightning-slider`
`apex:inputCheckbox`	`lightning-input` type="checkbox" `lightning-input` type="checkbox-button"
`apex:inputFile`	`lightning-input` type="file" `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` `lightning-formatted-time`
`apex:commandButton`	`lightning-button` `lightning-button-stateful` `lightning-button-icon` `lightning-button-icon-stateful`
`apex:commandLink`	`lightning-button` with bare variant
`apex:pageMessage`	`lightning-platform-show-toast-event`
`apex:messages` `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`

Visualforce Developer Guide

Standard Visualforce Components and Base Lightning Web Components Side by Side

See Also