NOCTA UI

Badge

A versatile badge component for labels, status indicators, and tags with multiple variants, sizes and dark mode support

Installation

Install the Badge component using the nocta-ui CLI:

npx @nocta-ui/cli add badge

Then import the component:

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

Prop

Type

Avatar

A versatile avatar component for displaying user profile images, initials, and status indicators with dark mode support

Line Chart

Track evolving metrics and dynamic changes using clear, continuous line plots.