Status

<script lang="ts" setup>
import { NNStatus, NNIconX } from "@fronntui/vue";
</script>
<template>
<NNStatus severity="neutral">neutral</NNStatus>
<NNStatus severity="success">success</NNStatus>
<NNStatus severity="warning">warning</NNStatus>
<NNStatus severity="error">error</NNStatus>
<NNStatus severity="neutral" active>active</NNStatus>
<NNStatus severity="error">
<template #icon><NNIconX /></template>
custom icon
</NNStatus>
</template>

Props

Name
Type
severity
'neutral' | 'success' | 'warning' | 'error' | string

The severity of the status. Defaults to neutral.

active
boolean

Active indicates the status is “running”. Defaults to false.

© 2024  inniti