ScrollBox
Element with scrollable content
import { ScrollBox } from '@ensdomains/thorin'
<ScrollBox style={{ height: '100px' }}><Typography>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque cursusposuere lacinia. Proin mollis nisl a lacus mollis, a volutpat tortorconsectetur. Vivamus mattis augue eu nulla molestie, a euismod nuncplacerat. Fusce vitae elit sed dolor auctor faucibus luctus condimentumrisus. Aenean pharetra mauris sodales ligula sodales, a tristique magnarhoncus. Fusce sit amet arcu suscipit, molestie dolor nec, blandit ipsum.Sed sodales blandit elit eget ultrices. Aliquam non blandit lacus. Etiameget tellus vitae risus vestibulum pulvinar at a nibh. Orci varius natoquepenatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquamvolutpat elit odio. Fusce placerat nibh nec ante aliquam, id dictum turpistempor. Sed maximus quam ut ipsum blandit, vel lobortis neque venenatis.Maecenas dignissim massa nec risus vestibulum bibendum. Duis malesuada, estdapibus porttitor aliquet, massa arcu fermentum nunc, nec feugiat erat magnaviverra orci. Suspendisse eu ultrices mauris. Aliquam scelerisque mollisorci id volutpat. Nunc ac vestibulum odio, vitae feugiat ligula. Nunclacinia nisi in gravida volutpat. Vivamus dui ex, ornare ut ante vel,dapibus tempor est. Proin congue sapien non dolor hendrerit, in dignissimrisus scelerisque. Pellentesque quis egestas ex. Suspendisse quis diam necdui sagittis sollicitudin. In hac habitasse platea dictumst. Vestibulumvestibulum dignissim tincidunt. Donec congue nibh lectus, nec facilisistortor tempus sit amet. Phasellus varius mattis metus porta posuere. Integerposuere dapibus libero. Maecenas euismod sem sed blandit consectetur.</Typography></ScrollBox>
name | type | default |
---|---|---|
bottomTriggerPx | number | 16 |
hideDividers | false | true | { top?: boolean | undefined; bottom?: boolean | undefined; } | false |
topTriggerPx | number | 16 |
onReachedTop | () => void | - |
onReachedBottom | () => void | - |