Badge

A small label for a status, a count or a tag, in the same variants as the button - and it takes a Lucide icon as a child.

Preview

BadgeSecondaryDestructiveOutline

Verified89920+

import { Home } from 'lucide-react'
import { Badge } from '@vitnode/core/components/ui/badge'

<Badge>
  <Home /> Default
</Badge>

Prop

Type

Alert

Display an important status message with a clear action or next step.

Button

The button every VitNode action goes through - six variants, a built-in loading spinner, and a render prop that turns it into a router link.