Badge

Displays a badge or a component that looks like a badge.

Usage

Import all parts and piece them together. It's mandatory to wrap the whole component with the Tailwind tag.

const { Tailwind } = VM.require("uiisnear.near/widget/tailwind");
 
const { Badge } = VM.require("uiisnear.near/widget/badge");
 
if (Tailwind == undefined) return "";

<Tailwind>
  <Badge>Badge</Badge>
</Tailwind>

API Reference

Variants

Variants available and how to use them.

Examples

Default

Secondary

Destructive

Outline