Select UI framework
Get Started
Radix UI
AlertApp Store ButtonAspect RatioBadgeBannerBreadcrumbButton GroupButtonCheckboxCommand MenuCompactButtonDialogDrawerDropdown MenuEmptyFancy ButtonFile UploadHintInput OTPInputItemKbdLabelLinkButtonLoaderPopoverProgress BarProgress CircleRadio GroupRatingSelectSeparatorSkeletonSliderSocial ButtonSwitchTagTextareaToggle GroupToggleTooltip
Component tag-demo not found in registry.
Installation
pnpm dlx shadcn@latest add tag
Usage
import * as Tag from "@/registry/radix-ui/ui/tag"
export default function TagExample() {
return (
<div className="flex flex-wrap gap-2">
<Tag.Root variant="bordered">Default</Tag.Root>
<Tag.Root variant="muted">Muted</Tag.Root>
</div>
)
}Variants
Bordered (Default)
Component tag-bordered not found in registry.
Muted
Component tag-muted not found in registry.
Disabled
Component tag-disabled not found in registry.
With Dot
Component tag-dot not found in registry.
Dismissible
Component tag-dismissible not found in registry.
With Avatar
Component tag-with-avatar not found in registry.
With Image
Component tag-with-image not found in registry.
As Child (Link)
Component tag-as-child not found in registry.