Alert

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

Preview

Usage

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

<template>
  <FzAlert title="Build saved" tone="success"
    >Your changes are ready.</FzAlert
  >
</template>

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

Props

Name	Type	Required	Default
`title`	`string`	Yes	None
`tone`	`"info" \| "success" \| "warning" \| "danger" \| undefined`	No	`"info"`

Events and state

status; danger uses alert

Slots

default

Add from source

forza add alert

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

Alert ​

Preview ​

Usage ​

Props ​

Events and state ​

Slots ​

Add from source ​