@baneung-pack/ui
Layout

ScrollArea

Radix ScrollArea — navy 톤 커스텀 thumb. 네이티브 스크롤바 숨김.

예제

  1. 1. 항목 — 스크롤 콘텐츠 라인
  2. 2. 항목 — 스크롤 콘텐츠 라인
  3. 3. 항목 — 스크롤 콘텐츠 라인
  4. 4. 항목 — 스크롤 콘텐츠 라인
  5. 5. 항목 — 스크롤 콘텐츠 라인
  6. 6. 항목 — 스크롤 콘텐츠 라인
  7. 7. 항목 — 스크롤 콘텐츠 라인
  8. 8. 항목 — 스크롤 콘텐츠 라인
  9. 9. 항목 — 스크롤 콘텐츠 라인
  10. 10. 항목 — 스크롤 콘텐츠 라인
  11. 11. 항목 — 스크롤 콘텐츠 라인
  12. 12. 항목 — 스크롤 콘텐츠 라인
  13. 13. 항목 — 스크롤 콘텐츠 라인
  14. 14. 항목 — 스크롤 콘텐츠 라인
  15. 15. 항목 — 스크롤 콘텐츠 라인
  16. 16. 항목 — 스크롤 콘텐츠 라인
  17. 17. 항목 — 스크롤 콘텐츠 라인
  18. 18. 항목 — 스크롤 콘텐츠 라인
  19. 19. 항목 — 스크롤 콘텐츠 라인
  20. 20. 항목 — 스크롤 콘텐츠 라인
  21. 21. 항목 — 스크롤 콘텐츠 라인
  22. 22. 항목 — 스크롤 콘텐츠 라인
  23. 23. 항목 — 스크롤 콘텐츠 라인
  24. 24. 항목 — 스크롤 콘텐츠 라인
  25. 25. 항목 — 스크롤 콘텐츠 라인
  26. 26. 항목 — 스크롤 콘텐츠 라인
  27. 27. 항목 — 스크롤 콘텐츠 라인
  28. 28. 항목 — 스크롤 콘텐츠 라인
  29. 29. 항목 — 스크롤 콘텐츠 라인
  30. 30. 항목 — 스크롤 콘텐츠 라인

설치 / Import

import { ScrollArea } from '@baneung-pack/ui';
import { ScrollArea } from '@baneung-pack/ui/scroll-area';

서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.

API

PropertyDescriptionTypeDefault
childrenViewport 내부에 렌더ReactNode