Why should you care?

Copy-pasting the same HTML on ten pages means ten places to fix a bug. Partials give you one source of truth.

See it live — copy this example

Create an MVC project (dotnet new mvc), add the code, and run dotnet run.

@* Views/Shared/_ProductCard.cshtml *@
@model ProductViewModel
<div class="card">
  <h3>@Model.Name</h3>
  <p>₹@Model.Price</p>
</div>

@* In Index.cshtml *@
@foreach (var p in Model)
{
  <partial name="_ProductCard" model="p" />
}

Run Example »

Edit the code and click Run — like W3Schools Try it Yourself.

What happened?

• Partial name maps to Views/Shared/_ProductCard.cshtml.
• model="p" passes each product.
• Partials have no layout — they are snippets only.

Try it yourself

1. Create _ProductCard.cshtml in Views/Shared/.
2. Render it from Products/Index with a loop.
3. Change card HTML once — confirm all pages using it update.
4. Change text or labels in the example and run again — watch the browser update.
5. Break the code on purpose (remove a semicolon), read the error message, then fix it.

Remember

Partials = reusable Razor snippets. Live under Views/Shared/ usually. Use for cards, menus, pagination.