Dashboard UI Kit

ScrollArea

import { ScrollArea } from '@duik/it'
import ScrollArea from '@duik/scroll-area'

A shorthand for overflow-y: auto with some extra properties to make sure that your scroll area will work inside flexboxes. You can check example usage on the Building Layout page.

<div
  style={{
    height: 400
  }}
>
  <ScrollArea>
    <div
      style={{
        background: 'red',
        height: 300
      }}
    />
    <div
      style={{
        background: 'blue',
        height: 300
      }}
    />
  </ScrollArea>
</div>

<div style="height:400px">
  <div class="scroll-area">
    <div style="background:red;height:300px"></div>
    <div style="background:blue;height:300px"></div>
  </div>
</div>

ReactHTML Snippet

Prop table

Any props you would pass to div.