使用法

  1. import { __experimentalScrollable as Scrollable } from '@wordpress/components';
  3. function Example() {
  4.    return (
  5.    <Scrollable style={ { maxHeight: 200 } }>
  6.    <div style={ { height: 500 } }>...</div>
  7.    </Scrollable>
  8.    );
  9. }

プロパティ

children: ReactNode

子要素。

  • 必須: はい

scrollDirection: string

コンテンツがオーバーフローしたときに特定の軸のためのスクロールバーをレンダリングします。

  • 必須: いいえ
  • デフォルト: y
  • 許可される値: x, y, auto

smoothScroll: boolean

(CSS) スムーズスクロールを有効にします。

  • 必須: いいえ
  • デフォルト: false