Skip to content

Tag

CSS

A small ruled label for categories and engines.

motion.devthree.jsAI

Install

$ npx shadcn@latest add https://spotcheckui.com/r/tag.json

No motion engine needed.

Usage

import { Tag } from "@/components/spotcheck/tag"

<Tag>motion.dev</Tag>
<Tag variant="accent">AI</Tag>

Props

  • variant"outline" | "accent"Default outline"accent" fills the tag, for the one tag on a surface that should stand out.

Keyboard

Nothing to operate: this component displays information.

Reduced motion

Nothing here animates.