byronwade/ui
Marketing & editorial

Video · Marketing & editorial

Live badge

A YouTube-style LIVE indicator pill with an optional pulsing dot and compact-formatted concurrent-viewer count.

@byronwade/foundation@byronwade/utils

Feature showcase

Installation

Features

  • 1 example

    Default.

  • Tagged for youtube, video, tier:simple

API

Props

PropTypeDefaultDescription
viewersnumber-Concurrent viewers; compact-formatted when set.
pulsebooleantrueAnimate the live dot.

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.

Source and related

FilePath
Componentregistry/components/live-badge.tsx
Default examplecontent/examples/live-badge/default.tsx