SALESFORCE-PD1 User Interface Practice Question
A developer is writing a Lightning Web Component and needs to conditionally render a block of HTML markup based on a boolean property named 'isVisible'. What is the correct syntax in the HTML template?
Answer choices
Why each option matters
Answer the question above first, then reveal the full breakdown to understand why each option is right or wrong.
Correct answer & explanation
✓
<template if:true={isVisible}>
Conditional rendering in LWC uses the l:if directive or template conditional directives. Wait, the correct directive is lwc:if.
Answer analysis
Option-by-option breakdown
For each option: why learners choose it and why it is or isn't the right answer here.
- ✗
<apex:outputPanel rendered="{!isVisible}">
Why it's wrong here
Incorrect because apex tags are used in Visualforce, not LWC.
- ✗
<template condition="{isVisible}">
Why it's wrong here
Incorrect because condition is not a valid directive.
- ✓
<template if:true={isVisible}>
Why this is correct
Correct because template with if:true is the standard conditional rendering directive.
- ✗
<div ng-if="isVisible">
Why it's wrong here
Incorrect because ng-if is Angular syntax, not LWC.
About these practice questions
This SALESFORCE-PD1 question is part of Courseiva's 488-question bank — original exam-style content with full explanations and wrong-answer analysis, never real exam questions or exam dumps. Learn why practice questions differ from exam dumps →
JA
Written and reviewed by Johnson Ajibi, MSc IT Security
Senior Network & Security Engineer · founder of Courseiva
Last reviewed August 2026 · checked against the official Salesforce exam blueprint
This SALESFORCE-PD1 practice question is part of Courseiva's free Salesforce certification practice question bank. Courseiva provides original exam-style practice questions with explanations, topic-based practice, mock exams, readiness tracking, and study analytics to help learners prepare for the SALESFORCE-PD1 exam.