UNPKG

@wordpress/components

Version:
45 lines (29 loc) 866 B
# Scrollable <div class="callout callout-alert"> This feature is still experimental. “Experimentalmeans this is an early implementation subject to drastic and breaking changes. </div> `Scrollable` is a layout component that content in a scrollable container. ## Usage ```jsx import { __experimentalScrollable as Scrollable } from '@wordpress/components'; function Example() { return ( <Scrollable style={ { maxHeight: 200 } }> <div style={ { height: 500 } }>...</div> </Scrollable> ); } ``` ## Props ### `children`: `ReactNode` The children elements. - Required: Yes ### `scrollDirection`: `string` Renders a scrollbar for a specific axis when content overflows. - Required: No - Default: `y` - Allowed values: `x`, `y`, `auto` ### `smoothScroll`: `boolean` Enables (CSS) smooth scrolling. - Required: No - Default: `false`