Badge

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

Preview

Usage

<script setup lang="ts">
import { FzBadge } from '@chrisdalbano/forza-ui'
</script>

<template>
  <FzBadge tone="positive">Ready</FzBadge>
</template>

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

Props

Name	Type	Required	Default
`tone`	`"warning" \| "neutral" \| "positive" \| "accent" \| undefined`	No	`"neutral"`
`pulse`	`boolean \| undefined`	No	None

Events and state

presentational

Slots

default

Add from source

forza add badge

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

Badge ​

Preview ​

Usage ​

Props ​

Events and state ​

Slots ​

Add from source ​