■ 概要（Overview）

コンポーネント名

• Link Button

レベル (Atomic Design)

• Atoms（原子）

カテゴリー（Category）

• buttons

■ データ（Data）

【props】

• id (string): 要素のID
• class (string): 要素のクラス
• name (string): 要素の名前
• style (string | object) : 要素のスタイル
• styleReset (boolean): スタイルリセットフラグ
• href (string): 要素のリンク先URL
• isDisabled(boolean): ボタンの有効化/無効化

【computed】

• bindingClass: props.class, props.styleReset の値に基づいてクラス名を設定 (Sets the class name based on props.class and props.styleReset)

■ 使用例（Usecase）

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

<template>
  <div>
    <!-- LinkButtonの使用例 -->
    <LinkButton
      id="linkButtonId"
      class="link-button-class"
      name="link_button_name"
      href="https://www.example.com"
      fontColor="white"
      :style="{ backgroundColor: 'blue' }"
      :styleReset="false"
      :isDisabled="true"
    >
      Click Me
    </LinkButton>
  </div>
</template>