Re:Vue

≡

■ コンポーネントデモ(demo)

Revue

■ 概要(Overview)

コンポーネント名

  • LayoutFooter

レベル (Atomic Design)

  • 原子(Atoms)

カテゴリー(Category)

  • layouts

■ データ(Data)

【props】

  • id (string) - フッターのID
  • class (string) - フッターのクラス
  • style (string | object) - フッターのスタイル

【computed】

  • bindingClass: props.classの値をベースにしたクラス名

■ 使用例(Usecase)

<script setup lang="ts">
import { LayoutFooter } from 'revuekitz'
import 'revuekitz/dist/style.css' 
</script>
<template>
  <LayoutWrapper style="border: 1px solid black">
    <h1>Re:Vue</h1>
    <section>
      LayoutWrapper Area
    </section>
  </LayoutWrapper>
</template>