title: Passing props from a component and the components in a slot
body: <p>A responsive NavBar component uses NavLink components like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
    import NavBar from './nav/NavBar.svelte';
    import NavLink from './nav/NavLink.svelte';
    let barsMenu = false;
  &lt;/script&gt;
  
  &lt;NavBar logo="LOGO" bind:barsMenu={barsMenu}&gt;
    &lt;NavLink text="About" barsMenu={barsMenu}&gt;&lt;/NavLink&gt;
    &lt;NavLink text="Contact" barsMenu={barsMenu}&gt;&lt;/NavLink&gt;
  &lt;/NavBar&gt;
  </code></pre>
  
  <p>The NavLink components require the barsMenu prop. The NavLink components are part of the NavBar slot like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
    export let logo = '';
    export let barsMenu = false;
  &lt;/script&gt;
  
  &lt;div class="navbar" class:responsive="{barsMenu}"&gt;
    &lt;a class="logo" href="javascript:;"&gt;{logo}&lt;/a&gt;
    &lt;slot&gt;&lt;/slot&gt;
    &lt;a class="bars" href="...." on:click="{() =&gt; barsMenu = !barsMenu}"&gt;
      &lt;i class="fa fa-bars"&gt;&lt;/i&gt;
    &lt;/a&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>Is it possible for the NavBar component to pass the barsMenu prop straight down the slot to the NavLink components?  </p>