■ 概要（Overview）

コンポーネント名

• BreadcrumbList

レベル (Atomic Design)

• 原子（Atom）

カテゴリー（category）

• lists

■ データ（Data）

【props】

• items (Array): ルート要素のアイテムを定義する配列。各アイテムはhref（リンク先）とname（表示名）を含むオブジェクト。
• id (String): ルート要素のHTML要素のID属性。
• class (String): ルート要素のカスタムクラス。
• style (Object): ルート要素のインラインスタイル。

【computed】

• bindingClass: スタイルリセットフラグに応じたクラス名を返す (Returns class name based on styleReset flag)

■ 使用例（Usage Example）

<script setup lang="ts">
import { BreadcrumbList } from 'revuekitz'
import 'revuekitz/dist/style.css' 
</script>

<template>
  <BreadcrumbList 
    :items="[
      { href: '/', name: 'home' },
      { href: '/about', name: 'about' },
      { name: 'current page' }
    ]" 
    id="breadcrumbListId" 
    class="breadcrumb-list-class" 
    :style="{ color: 'blue' }" 
  />
</template>