【revuekitz】PageTitle
■ 概要(Overview)
コンポーネント名
- PageTitle
レベル (Atomic Design)
- Atoms(原子)
カテゴリー(Category)
- displays
■ データ(Data)
【props】
id
(string): ルート要素のIDclass
(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>