Fanvue API Documentation

import { LiveStatus } from "@fanvue/ui";
import type { LiveStatusProps, LiveStatusVariant } from "@fanvue/ui";

Examples

Custom Label

import { LiveStatus } from "@fanvue/ui";

<LiveStatus variant="live">EN DIRECT</LiveStatus>

Live

import { LiveStatus } from "@fanvue/ui";

<LiveStatus variant="live" />

Ended

import { LiveStatus } from "@fanvue/ui";

<LiveStatus variant="ended" />

Props

LiveStatus

Live state badge for experience embeds, typically passed to the badge slot of ChatEmbed. live uses the live gradient and glow, ended a flat surface. The label defaults per variant; pass children to localise it.

"live" | "ended"

default:"live"

State shown by the badge.

Exported types

Also exported from @fanvue/ui: LiveStatusProps, LiveStatusVariant.

Setup: Installation · Theming

Getting Started

Actions

Forms & Inputs

Overlays & Dialogs

Navigation

Data Display

Feedback & Status

Layout

Media & Audio

Creator & Social

Charts

Icons & Flags

Utility

LiveStatus

Examples

Custom Label

Live

Ended

Props

LiveStatus

Exported types

​Examples

​Custom Label

​Live

​Ended

​Props

​LiveStatus

​Exported types

Examples

Custom Label

Live

Ended

Props

LiveStatus

Exported types