Scroll Area

使い方

import { ScrollArea } from '@murasakijs/ui'

<ScrollArea className="h-72 w-80 rounded-md border">
  <div className="p-4">長いコンテンツ…</div>
</ScrollArea>

オーバーフローが発生するように、高さまたは最大の高さを明示的に指定してください。ビューポートでは、ホイール、トラックパッド、タッチ、キーボードによる標準のスクロール操作がそのまま利用できます。ScrollArea は縦方向のスクロールバーを自動的に追加します。横方向のスクロールもデザイン上必要な場合は、子要素として <ScrollBar orientation="horizontal" /> を追加してください。レスポンシブレイアウトでオーバーフローを解消できるのであれば、縦横二方向のスクロール領域は避けてください。