custom element の子要素は slot を使って shadow dom 内に配置できます
その場合 custom element の子要素を変更すると即時に shadow dom 内の要素に反映されます
これが便利なのですが 自由にタグを書けるのでテキストだけ受け取りたいときには向いていません
そういうときには custom element の属性を使いたいのですが そうなると slot みたいな便利機能はありません
自分で JavaScript の処理で shadow dom 内の要素に属性の文字列を入れる必要があります
さらに変更されたときに shadow dom 内にも反映したいなら 属性の変更を監視して 変更時に自分で shadow dom 内の要素の更新が必要です
Framework なしの WebComponents を使うと この辺りが面倒なのですよね
slot のように自動で反映してくれる仕組みがあるといいのですけど