title: Model being passed instead of parameter to partial view
body: <p>I've created a partial view named "_ColorWheel.cshtml" which a string that holds the HEX value of the color. </p>
  
  <p>This is the base model</p>
  
  <pre><code>public class PageComponentModel
  {    
      // .....
      public string BgColorVal { get; set; } 
  }
  </code></pre>
  
  <p>This model inherits PageComponentModel</p>
  
  <pre><code>public class OneColumnComponentModel: PageComponentModel
  {
      // ....
  }
  </code></pre>
  
  <p>On their respective views, I use the same line <code>@Html.Partial("_ColorWheel",Model.BgColorVal)</code> to create the control. The view of OneColumnComponentModel works well, but PageComponentModel's throws </p>
  
  <blockquote>
    <p>The model item passed into the dictionary is of type '.....Model.PageComponentModel', but this dictionary requires a model item of type 'System.String'.</p>
  </blockquote>
  
  <p>I've tried multiple times to copy and paste the line just in case of typos or whatnot. Setting a breakpoint in razor shows that BgColorVal is string and has the correct value.</p>