Create Fieldset View, ViewComponent and Model

DotnetViewComponents/ViewComponents/FieldsetViewComponent.cs

@@ -0,0 +1,18 @@
+namespace DotnetViewComponents.ViewComponents
+{
+    using System.Collections.Generic;
+    using Microsoft.AspNetCore.Mvc;
+    using DotnetViewComponents.ViewModels;
+
+    public class FieldsetViewComponent : ViewComponent
+    {
+        public IViewComponentResult Invoke(
+            string title,
+            List<FieldViewModel> fieldList)
+        {
+            var model = new FieldsetViewModel(title, fieldList);
+
+            return View(model);
+        }
+    }
+}

DotnetViewComponents/ViewModels/FieldsetViewModel.cs

@@ -0,0 +1,29 @@
+using Microsoft.AspNetCore.Html;
+
+namespace DotnetViewComponents.ViewModels
+{
+    public class FieldsetViewModel
+    {
+        public FieldsetViewModel(
+            string title,
+            List<FieldViewModel> fieldList)
+        {
+            Title = title;
+            FieldList = fieldList;
+        }
+
+        public string Title { get; set; }
+        public List<FieldViewModel> FieldList { get; set; }
+
+    }
+
+    public class FieldViewModel
+    {
+        public FieldViewModel(Func<object, IHtmlContent> content)
+        {
+            Content = content;
+        }
+
+        public Func<object, IHtmlContent> Content { get; set; }
+    }
+}

DotnetViewComponents/Views/Shared/Components/Fieldset/Default.cshtml

@@ -0,0 +1,18 @@
+@using DotnetViewComponents.ViewModels
+@model FieldsetViewModel
+
+<div class="nhsuk-tabs js-enabled" data-module="nhsuk-tabs">
+    <fieldset class="nhsuk-fieldset">
+        <legend class="nhsuk-fieldset__legend nhsuk-fieldset__legend--l">
+            <h1 class="nhsuk-fieldset__heading">
+                @Model.Title
+            </h1>
+        </legend>
+
+        @foreach (var field in Model.FieldList)
+        {
+            @field.Content(null)
+        }
+
+    </fieldset>
+</div>