[Feature]: SeparatedIterator

[ssi02014]

Package Scope

• [x] 기존 패키지에 기능 추가
• [ ] 새로운 패키지
• Package name: @modern-kit/react/components

Overview

Iterator를 확장해 items props로 주어진 배열을 반복하면서 각 항목에 대해 특정 요소 및 컴포넌트를 렌더링하며, 동시에 각 요소 사이에 Separator를 렌더링 하는 컴포넌트입니다.

기본적으로 마지막 요소 다음 Separator는 제외됩니다. includeLastSeparator를 true로 설정해서 포함시킬 수 있습니다.

<SeparatedIterator
  items={items}
  renderItem={(item) => <h3>{item}</h3>}
  separator={<Divider />}
/>