With status dot

import { Badge } from '@/components/ui/badge'

export function Badge04() {
  return (
    <Badge variant="outline">
      <span className="size-1.5 rounded-full bg-emerald-500" aria-hidden />
      Online
    </Badge>
  )
}