Breadcrumb

쉬움

브레드크럼 내비게이션

#css-only#micro

라이브 데모

코드

Breadcrumb.tsx

const paths = ['Home', 'Category', 'Product'];
<nav className="breadcrumb">
  {paths.map((path, index) => (
    <span key={index}>
      {path}
      {index < paths.length - 1 && ' / '}
    </span>
  ))}
</nav>