Tag
A versatile tag component for categorizing or labeling content.
Tag
Usage
import { Tag } from "@lemonsqueezy/wedges";<Tag>Tag</Tag>API Reference
Tag component supports all props of the Badge component. In addition to that, it also supports the following props.
| Prop | Value | Default |
|---|---|---|
avatar | ReactElement<typeof Avatar> | / |
before | ReactElement<HTMLElement> | / |
closable | boolean | false |
closeIcon | ReactElement<HTMLElement> | / |
onClose | MouseEventHandler<HTMLButtonElement> | never | / |
Examples
The following example shows different variations of the Tag component.
PineappleLemonsWatermelon
OnlineOfflineSuspended
@ormanclarkLemon Squeezy
FoldersFilesGuides
NewPendingActiveClosed
Free parkingPoolFree WiFiGym
United KingdomUnited States
uxuimotiongraphics