Re:Vue

【revuekitz】PageTitle


■ 概要(Overview)

コンポーネント名

  • PageTitle

レベル (Atomic Design)

  • Atoms(原子)

カテゴリー(Category)

  • displays

■ データ(Data)

【props】

  • id (string): ルート要素のID
  • class (string): ルート要素のクラス名
  • style (string): ルート要素のスタイル
  • styleReset (boolean): スタイルのリセットフラグ

【computed】

  • bindingClass: props.class, props.styleReset の値に基づいてクラス名を設定

■ 使用例(Usecase)

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

<template>
  <PageTitle
    id="pegeTitleId"
    class="page-title-class"
    :style="'color: blue;'"
  >
    page title
  </PageTitle>
</template>