Separated

자식 요소들 사이에 구분자를 삽입하여 렌더링하는 컴포넌트입니다.

Props

<Separated with=",">
  <span>Apple</span>
  <span>Banana</span>
  <span>Orange</span>
</Separated>
// 출력: Apple,Banana,Orange

<Separated with=">" first>
  <span>Home</span>
  <span>Products</span>
  <span>Detail</span>
</Separated>
// 출력: >Home>Products>Detail

<Separated with="/" last>
  <span>src</span>
  <span>components</span>
  <span>index.tsx</span>
</Separated>
// 출력: src/components/index.tsx/

<Separated with={<span className="divider">|</span>}>
  <span>Menu 1</span>
  <span>Menu 2</span>
  <span>Menu 3</span>
</Separated>