search

ayoayco / McFly

[🚧 PoC] Back to the Basics. Into the Future. 😱
https://mcfly.js.org
MIT License
70 stars 3 forks source link

feat: named slots #12

Closed ayoayco closed 11 months ago

ayoayco commented 11 months ago

in a awesome-header.html fragment:

<header>
  <a href="/">
    <h1>McFly</h1>
  </a>
  <slot />
  <slot name="description" />
</header>

usage in a page:

<awesome-header>
  <span>something something</span>
  <span slot="description">Back to the Basics. Into the Future. 😱</span>
</awesome-header>

result:

<header>
  <a href="/">
    <h1>McFly</h1>
  </a>
  <span>something something</span>
  <span slot="description">Back to the Basics. Into the Future. 😱</span>
</header>