ATG Play HeroBadgeChip

A featured-title badge used in the ATG Play hero.

HeroBadgeChip shows why a title is featured, trending, new, or highly rated. Use the sample chips to switch the badge shown over the hero preview.

LIVE PREVIEW

กำลังมาแรง

ATG Original

คัดมาให้คืนนี้

application-ui/components/shared/hero-badge-chip.tsx

"use client";

import { Bell, Clapperboard, Clock3, Flame, Sparkles, Star, TrendingUp } from "lucide-react";

import { HeroBadgeChip } from "@/components/shared/hero-badge-chip"
 
<HeroBadgeChip badge={{ kind: "trending", label: "กำลังมาแรง" }} />

The preview and source panel use ATG Play's existing application-ui implementation.

On This Page

Deploy your shadcn/ui app on Vercel

Trusted by OpenAI, Sonos, Adobe, and more.

Vercel provides tools and infrastructure to deploy apps and features at scale.