I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
Model Class public class Products { public int Id { get; set; } public string Name { get; set; } public int Price { get; set; } } Controller Code public IActionResult Index() { List<Products> p1 = new List<Products>(); p1.Add(new Products { Id = 1, Name = "Samsung", Price = 50 }); p1.Add(new Products { Id = 2, Name = "Samsung1", Price = 50 }); p1.Add(new Products { Id = 3, Name = "Samsung2", Price = 150 }); p1.Add(new Products { Id = 4, Name = "Samsung3", Price = 150 }); p1.Add(new Products { Id = 5, Name = "Samsung4", Price = 550 }); p1.Add(new Products { Id = 6, Name = "Samsung5", Price = 550 }); return View(p1); } View Section @model IEnumerable<TestingApplication.Models.Products> @{ ViewData["Title"] = "Index"