title: Load UserControl in TabItem
body: <p>I have a Usercontrol(TabUserControl) which contains a TabControl. The Viewmodel of that UserControl loads ab Observable collection of TabItems. One od those items is another user control. When I just load text in the tabcontrol there is no problem, but how can I load the other user control into the tabitem of the TabUserControl.
  I'm using MVVM.</p>
  
  <p>Here's my code:</p>
  
  <pre><code>public class TabItem
  {
      public string Header { get; set; }
      public object Content { get; set; } // object to allow all sort of items??
  }
  </code></pre>
  
  <p>The Viewmodel of the TabUserControl</p>
  
  <pre><code>public class TabViewModel
  {
      public ObservableCollection&lt;TabItem&gt; Tabs {get;set;}
  
      public TabViewModel()
      {
          Tabs = new ObservableCollection&lt;TabItem&gt;();
          //Tabs.Add(new TabItem { Header = "Overview", Content = new OverviewViewModel() }); How to load a usercontrol here if it's in the ItemCollection?
          Tabs.Add(new TabItem { Header = "Overview", Content = "Bla bla bla" });
          Tabs.Add(new TabItem { Header = "Two", Content = "Two's content" });
      }
  }
  </code></pre>
  
  <p>And then the TabControl XAML:</p>
  
  <pre><code>&lt;TabControl x:Name="_tabControl"
              ItemsSource="{Binding Tabs}"&gt;
    &lt;TabControl.ItemContainerStyle&gt;
      &lt;Style TargetType="TabItem"&gt;
        &lt;Setter Property="Header"
                Value="{Binding Header}" /&gt;
        &lt;Setter Property="Content"
                Value="{Binding Content}" /&gt;
      &lt;/Style&gt;
    &lt;/TabControl.ItemContainerStyle&gt;
  &lt;/TabControl&gt;
  </code></pre>
  
  <p>It works as long as I dont load the viewmodel of the usercontrol in the tabItems collection. how can I make the UserTabControl load on to the TabItem?
  The intention is that every tabitem will contain a usercontrol. Each usercontrol then does it's own thing.</p>
  
  <p>Hope someone can help me as I am a WPF beginner.
  Thx!</p>