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