ScrollableContainer

ScrollableContainer allow content to be vertically scrollable with a custom scrollbar

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

This content is too long to fit in the available space. In order for it be be accessed you must use a scrollbar.

<Fragment>
    <ScrollableContainer height="100px">
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <Button>Anything</Button>
    </ScrollableContainer>
    <ScrollableContainer width="100px">
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <p>
        This content is too long to fit in the available space. In order for it
        be be accessed you must use a scrollbar.
      </p>
      <Button>Anything</Button>
    </ScrollableContainer>
  </Fragment>
</Playground>

API