Feature Demo / 01
UI Core Demo
PHP example、data属性、Vanilla TypeScript、Tailwind CSSの接続を確認するページです。
Accordion
内容とTailwind classを変更し、data属性とARIAの対応関係を維持して利用します。
内容とTailwind classを変更し、data属性とARIAの対応関係を維持して利用します。
Tabs
タブごとに関連する内容を配置します。
data属性とARIAの対応関係を維持して内容を変更します。
タブごとに関連する内容を配置します。
data属性とARIAの対応関係を維持して内容を変更します。
Scroll Reveal
スクロール表示の例
表示領域へ入ると、必要最小限のCSS animationが適用されます。
スクロール表示の例
表示領域へ入ると、必要最小限のCSS animationが適用されます。
Scroll Spy
最初の項目
対応するナビリンクが現在位置として更新されます。
次の項目
固有のBEM classではなくdata属性を機能契約に使います。