Skip to Content

Badge

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

Installation

Install the package

npm install @abbyyproduct/ui

Import the component

import { Badge } from '@abbyyproduct/ui/components/badge';

Use the component

<Badge variant="outline">Badge</Badge>

Usage

import { Badge } from '@abbyyproduct/ui/components/badge';
<Badge variant="outline">Badge</Badge>

Examples

Default

Badge

Secondary

Secondary

Outline

Outline

Destructive

Destructive

Changelog

2024-12-27 Example

This is an example of a changelog entry.

MyApp.tsx
import React from 'react'; function MyApp() { return <div>My App</div>; } export default MyApp;
Last updated on