Skip to content

Stat

State belongs to the parent. Compose this component with the props and slots below.

Preview

Open in the playground

Usage

StatExample.vueVue / TS
<script setup lang="ts">
import { FzStat } from '@chrisdalbano/forza-ui'
</script>

<template>
  <FzStat value="3,200" label="Gold budget" />
</template>
TypeScript exampleSource you can use.

Import the shared stylesheet once and wrap your app in .fz-theme. See installation.

Props

NameTypeRequiredDefault
labelstringYesNone
valuestringYesNone
detailstring | undefinedNoNone

Events and state

presentational

Slots

none

Add from source

sh
forza add stat

Set up the CLI first. Generated API tables come from the Vue source, using Vue Language Tools.

Released under the MIT License. Independent work.