Scroll

The Scroll component is a utility wrapper that can be used to apply a vertical scroll to its children.

Example

Preview

Code

import { Scroll } from '@hv/ui/scroll';

<Scroll>
    <div className='max-h-48'>
        <div className='min-h-12 bg-muted'></div>
        <div className='min-h-12'></div>
        <div className='min-h-12 bg-muted'></div>
        <div className='min-h-12'></div>
        <div className='min-h-12 bg-muted'></div>
    </div>
</Scroll>

Props

Name	Description	Type
className	Additional classes for styling the scroll container.	String
shadow	Optional shadow on the scrollbar. Default is true.	Boolean
children	The content in the scroll container.	ReactNode
props	Additional div properties from HTML attributes.	HTMLDivElement