다른 컴포넌트 보기

COMPONENT / 레이아웃

ScrollArea

긴 콘텐츠를 위한 스크롤 영역.

LIVE PREVIEWWEB
좋은 아이디어 1조금씩 모아가는 영감
좋은 아이디어 2조금씩 모아가는 영감
좋은 아이디어 3조금씩 모아가는 영감
좋은 아이디어 4조금씩 모아가는 영감
좋은 아이디어 5조금씩 모아가는 영감
좋은 아이디어 6조금씩 모아가는 영감
좋은 아이디어 7조금씩 모아가는 영감
좋은 아이디어 8조금씩 모아가는 영감
PLAYGROUND미리보기 안의 요소를 직접 조작해 보세요.

사용 코드

import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  return (
    <W.ScrollArea maxHeight={150} label="읽기 목록">
      <div className="demo-stack">
        {Array.from({ length: 8 }, (_, i) => (
          <W.ListItem
            key={i}
            title={`좋은 아이디어 ${i + 1}`}
            description="조금씩 모아가는 영감"
          />
        ))}
      </div>
    </W.ScrollArea>
  );
}
PropType필수
childrenReactNode—
horizontalboolean—
maxHeightnumber—
labelstring—

공통 API 기준입니다. 플랫폼별 style, className 및 세부 타입은 타입 정의에서 확인하세요.

← 전체 컴포넌트로 돌아가기