<slot>
以下の2つがある
slot要素
<slot name=".."></slot>
slot属性
<div slot="..">..</div>
Custom Elementを使用する時に使う
Custom Elementで囲う
html<custom>
<span slot="label">my button</span>
</custom>
slotってタグじゃないんか
タグと、属性がある
html<my-button>
<span slot="label">my button</span>
</my-button>
Reactで書くとこんなイメージ
jsx<MyButton
label={() => <span>my button</span>}
>
jsxconst MyButton = () => {
return (
<button type="button">
{label}
</button>
)
}
children的な、そうでもないような、よくわかん
js <button type="button">
<span>
<slot name="hoge" />
<slot name="piyo" />
</span>
</button>