With status dot

1import { Badge } from '@/components/ui/badge'
2 
3export function Badge04() {
4  return (
5    <Badge variant="outline">
6      <span className="size-1.5 rounded-full bg-emerald-500" aria-hidden />
7      Online
8    </Badge>
9  )
10}