カスタムHTMLタグ

カスタム HTML タグの指定方法

これは非常に簡単です。以下のようにしてください。
ScrollAnimatorでは、スクロールアニメーションを適用する要素をasプロパティで指定します。

<ScrollAnimator as="section">
  <p>Your content goes here</p>
</ScrollAnimator>

// <section>
// <p>Your content goes here</p>
// </section>

JSX 要素の型補完

ScrollAnimatorは、JSX と同じようにタグや属性を指定できます。そしてもちろん型保管も効きます。

<ScrollAnimator as="a" href={'/about'} target="_blank">
  Your link goes here
</ScrollAnimator>

// <a href="/about" target="_blank">
// Your link goes here
// </a>

次は、トリガーとして使用する方法を紹介します。