Scrollable

Scrollable area adorned with top and bottom drop shadows on scroll detection

Shadow is shown on top if you scroll upwards Shadow is shown on bottom if you scroll downwards

If you don't specify height you will get a default height per the Scrollable component (subject to change)

Basic usage of scrollable with provided height

Do not use overflow in wrapped component, Scrollable provides overflow:auto around wrapped element

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

With padding used by consumer

Do not use overflow in wrapped component, Scrollable provides overflow:auto around wrapped element

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

A very long scrollable Content.

Scrollable Props API
  • children
    node Required

    Specifies the content of the Scrollable.

  • className
    string

    Additional classnames for this component.