ScrollPanel

When to use

Custom-styled scrollable container. In most cases, overflow-auto with CSS is simpler.

Guidelines

  • Keep it simple: In most cases, CSS overflow-auto is sufficient.
  • Visible scrollbar: Users need to know content is scrollable.

How it works

Line 1: Lorem ipsum dolor sit amet.

Line 2: Lorem ipsum dolor sit amet.

Line 3: Lorem ipsum dolor sit amet.

Line 4: Lorem ipsum dolor sit amet.

Line 5: Lorem ipsum dolor sit amet.

Line 6: Lorem ipsum dolor sit amet.

Line 7: Lorem ipsum dolor sit amet.

Line 8: Lorem ipsum dolor sit amet.

Line 9: Lorem ipsum dolor sit amet.

Line 10: Lorem ipsum dolor sit amet.

Line 11: Lorem ipsum dolor sit amet.

Line 12: Lorem ipsum dolor sit amet.

Line 13: Lorem ipsum dolor sit amet.

Line 14: Lorem ipsum dolor sit amet.

Line 15: Lorem ipsum dolor sit amet.

Line 16: Lorem ipsum dolor sit amet.

Line 17: Lorem ipsum dolor sit amet.

Line 18: Lorem ipsum dolor sit amet.

Line 19: Lorem ipsum dolor sit amet.

Line 20: Lorem ipsum dolor sit amet.