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.